@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;min-width:320px}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer tokens{:root{--color-main:#315b50;--color-main-deep:#24463e;--color-main-soft:#e7efec;--color-accent:#bc7452;--color-ink:#28322f;--color-muted:#66716d;--color-line:#dce4e1;--color-paper:#fffefa;--color-canvas:#f7f5ef;--color-white:#fff;--color-warning:#875735;--font-sans:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;--font-serif:"Yu Mincho", "Hiragino Mincho ProN", serif;--shadow-card:0 12px 32px #23393214;--shadow-float:0 18px 48px #23393224;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--container:1160px;--content:760px;--section-space:clamp(4rem, 7vw, 7rem)}}@layer base{body{background:var(--color-paper);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.9}body:before{z-index:-2;background:radial-gradient(circle at 8% 8%, #6f8fa71a, transparent 24rem), radial-gradient(circle at 92% 20%, #bc745214, transparent 22rem), var(--color-paper);content:"";pointer-events:none;position:fixed;inset:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-main)}:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #315b5061}::selection{color:var(--color-main-deep);background:#cfe0da}h1,h2,h3{color:var(--color-ink);letter-spacing:.025em;font-weight:800;line-height:1.5}h1{font-size:clamp(1.5rem,2.8vw,2rem)}h2{font-size:clamp(1.25rem,2.2vw,1.625rem)}h3{font-size:clamp(1.125rem,1.8vw,1.375rem)}button{color:inherit}}@layer layout{.site-shell{min-height:100vh}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.content-container{width:min(calc(100% - 40px), var(--content));margin-inline:auto}.section{padding-block:var(--section-space)}.section--soft{background:var(--color-canvas)}.section--compact{padding-block:clamp(2.75rem,5vw,4.5rem)}.section-heading{gap:.55rem;margin-bottom:clamp(1.75rem,4vw,3rem);display:grid}.section-heading--center{text-align:center;justify-items:center}.section-heading__eyebrow{color:var(--color-main);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:800}.section-heading__lead{max-width:43rem;color:var(--color-muted);line-height:1.85}.grid{gap:clamp(1rem,2.5vw,1.75rem);display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}}@layer components{.skip-link{z-index:1000;background:var(--color-main-deep);color:var(--color-white);border-radius:999px;padding:.6rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{color:var(--color-white);transform:translateY(0)}.site-header{z-index:50;backdrop-filter:blur(14px);background:#fffefaed;border-bottom:1px solid #dce4e1e6;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.brand{min-width:0;color:var(--color-ink);letter-spacing:.035em;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-main)}.brand__mark{background:var(--color-main);width:38px;height:38px;color:var(--color-white);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 6px #ffffff2b}.brand__mark svg{width:21px;height:21px}.brand__text{white-space:nowrap;font-size:clamp(.86rem,1.4vw,1rem)}.desktop-nav{align-items:center;gap:.15rem;display:flex}.desktop-nav a{border-radius:999px;padding:.55rem .72rem;font-size:.86rem;font-weight:700;text-decoration:none}.desktop-nav a[aria-current=page],.desktop-nav a:hover{background:var(--color-main-soft);color:var(--color-main)}.header-search{background:var(--color-main);width:42px;height:42px;color:var(--color-white);border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.header-search:hover{background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-main);color:var(--color-main)}.header-search svg{width:19px;height:19px}.mobile-menu__button{cursor:pointer;border:1px solid var(--color-line);background:var(--color-white);width:46px;height:46px;color:var(--color-main-deep);border-radius:50%;place-items:center;padding:0;display:none}.mobile-menu__button:hover{background:var(--color-main);color:var(--color-white)}.mobile-menu__icon,.mobile-menu__icon:before,.mobile-menu__icon:after{background:currentColor;border-radius:999px;width:18px;height:2px}.mobile-menu__icon{position:relative}.mobile-menu__icon:before,.mobile-menu__icon:after{content:"";position:absolute;inset-inline-start:0}.mobile-menu__icon:before{inset-block-start:-6px}.mobile-menu__icon:after{inset-block-start:6px}body[data-mobile-menu-open]{overflow:hidden}.mobile-drawer{z-index:100;opacity:0;pointer-events:none;transition:opacity .18s;position:fixed;inset:0}.mobile-drawer[data-open]{opacity:1;pointer-events:auto}.mobile-drawer__scrim{background:#1c27248a;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mobile-drawer__panel{background:var(--color-white);outline:0;width:min(88vw,420px);padding:1.2rem;transition:transform .3s;position:absolute;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 50px #1c27242e}.mobile-drawer[data-open] .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__header{border-bottom:1px solid var(--color-line);color:var(--color-ink);font-family:var(--font-serif);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;font-size:1.1rem;display:flex}.mobile-drawer__close{cursor:pointer;border:1px solid var(--color-line);background:var(--color-main-soft);width:44px;height:44px;color:var(--color-main);border-radius:50%;place-items:center;padding:0;font-size:1.3rem;display:grid}.mobile-nav{margin-top:1rem}.mobile-nav__label{color:var(--color-muted);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.mobile-nav__list{margin:0;padding:0;list-style:none;display:grid}.mobile-nav__link{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.75rem .35rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav__link:hover,.mobile-nav__link[aria-current=page]{color:var(--color-main);background:var(--color-main-soft)}.mobile-nav__link:after{color:var(--color-main);content:"›";font-size:1.25rem}.site-footer{background:var(--color-main-deep);color:#ffffffd1;padding-block:clamp(3.5rem,7vw,6rem) 1.5rem}.site-footer a:hover{color:var(--color-white)}.site-footer__lead{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(2.5rem,7vw,7rem);display:grid}.site-footer .brand{color:var(--color-white)}.site-footer .brand__mark{background:var(--color-white);color:var(--color-main-deep)}.site-footer__tagline{color:#ffffffad;max-width:24rem;margin-top:1.25rem}.site-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.footer-nav__title{color:var(--color-white);letter-spacing:.12em;margin-bottom:.8rem;font-size:.78rem}.footer-nav__list{gap:.55rem;list-style:none;display:grid}.footer-nav__list a{color:#ffffffba;font-size:.85rem;text-decoration:none}.site-footer__bottom{color:#ffffff8c;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;margin-top:3.5rem;padding-top:1.25rem;font-size:.75rem;display:flex}.button{border:1px solid var(--color-main);background:var(--color-main);min-height:46px;color:var(--color-white);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-white);color:var(--color-main)}.button--light{border-color:var(--color-white);background:var(--color-white);color:var(--color-main-deep)}.button--light:hover{color:var(--color-white);background:0 0}.button--outline{color:var(--color-main);background:0 0}.button--outline:hover{background:var(--color-main);color:var(--color-white)}.text-link{color:var(--color-main);align-items:center;gap:.45rem;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.text-link:after{content:"→"}.text-link:hover{color:var(--color-main-deep)}.page-hero{background:radial-gradient(circle at 14% 20%,#6f8fa71f 0 4px,#0000 5px),radial-gradient(circle at 84% 72%,#bc74521f 0 5px,#0000 6px),linear-gradient(135deg,#f2f5f0,#fbf6ef);padding-block:clamp(3.5rem,8vw,7.5rem)}.page-hero__inner{gap:1rem;max-width:800px;display:grid}.page-hero__eyebrow{color:var(--color-main);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800}.page-hero__lead{max-width:46rem;color:var(--color-muted)}.home-hero{background:radial-gradient(circle at 80% 18%,#bc74521f 0 5rem,#0000 5.1rem),linear-gradient(145deg,#f3f6f1 0 58%,#f7eee5 58% 100%);padding-block:clamp(4rem,8vw,8rem);overflow:hidden}.home-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(2.5rem,8vw,7rem);display:grid}.home-hero__copy{gap:1.35rem;display:grid}.home-hero__eyebrow,.home-cta__eyebrow{color:var(--color-main);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.home-hero h1{font-family:var(--font-serif);letter-spacing:.055em;font-size:clamp(1.75rem,3.7vw,2rem);line-height:1.65}.home-hero__lead{max-width:39rem;color:var(--color-muted)}.home-hero__visual{background:linear-gradient(#ffffff38, #ffffff38), var(--color-main);min-height:400px;box-shadow:var(--shadow-float);border-radius:42% 58% 46% 54%/48% 40% 60% 52%;position:relative}.home-hero__visual:before,.home-hero__visual:after{content:"";background:#ffffff1f;border-radius:50%;position:absolute}.home-hero__visual:before{width:72px;height:72px;top:10%;right:12%}.home-hero__visual:after{width:44px;height:44px;bottom:12%;left:10%}.home-note{z-index:2;border-radius:var(--radius-sm);color:#4c4936;background:#fff8c8;padding:1rem;position:absolute;rotate:-3deg;box-shadow:0 10px 22px #142b242e}.home-note--main{width:min(66%,270px);min-height:170px;top:18%;left:11%}.home-note--main span{color:#7b7043;letter-spacing:.1em;font-size:.68rem;font-weight:800;display:block}.home-note--main strong{font-family:var(--font-serif);margin-top:1rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7;display:block}.home-note--sub{color:#435c66;background:#dcecf3;font-size:.78rem;font-weight:800;bottom:16%;right:9%;rotate:4deg}.home-hero__coffee{width:105px;color:var(--color-white);position:absolute;top:12%;right:9%}.home-cta{border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 20%, #ffffff14 0 6rem, transparent 6.1rem), var(--color-main-deep);color:var(--color-white);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,2.75rem);display:grid}.home-cta__eyebrow{color:#bad2ca}.home-cta h2{color:var(--color-white);margin-top:.35rem}.home-cta p:not(.home-cta__eyebrow){color:#ffffffb8;margin-top:.55rem}.breadcrumbs{background:var(--color-paper);color:var(--color-muted);padding-block:1rem;font-size:.75rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.4rem .65rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{color:#abb5b1;content:"/";margin-left:.65rem}.breadcrumbs a{text-decoration:none}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2.5vw,1.8rem);display:grid}.article-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);min-width:0;box-shadow:var(--shadow-card);overflow:hidden}.article-card__media{aspect-ratio:1200/630;background:var(--color-main-soft);display:block;overflow:hidden}.article-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-card__media img{transform:scale(1.02)}.article-card__body{gap:.75rem;padding:1.15rem;display:grid}.article-card__meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.35rem .7rem;font-size:.7rem;display:flex}.article-card__category{color:var(--color-main);font-weight:800}.article-card__title{font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65}.article-card__title a{text-decoration:none}.article-card__description{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.75;display:-webkit-box;overflow:hidden}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.7rem);display:grid}.category-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);min-height:220px;box-shadow:var(--shadow-card);gap:.75rem;padding:clamp(1.35rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.category-card:after{background:var(--category-color,var(--color-main));content:"";opacity:.1;border-radius:50%;width:8.5rem;height:8.5rem;position:absolute;bottom:-2.3rem;right:-1.8rem}.category-card__number{color:var(--category-color,var(--color-main));letter-spacing:.14em;font-size:.7rem;font-weight:800}.category-card h2,.category-card h3{font-size:clamp(1.1rem,2vw,1.35rem)}.category-card__description{max-width:31rem;color:var(--color-muted);font-size:.88rem}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.character-slider{padding-bottom:2.75rem}.character-slider .splide__track{margin:-.2rem;padding:.2rem}.character-slider .splide__list{align-items:stretch}.character-slider .splide__slide{height:auto}.character-slider .character-card{height:100%}.character-slider .splide__arrow{z-index:2;background:var(--color-main);width:44px;height:44px;box-shadow:var(--shadow-float);cursor:pointer;border:1px solid #ffffffb8;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,box-shadow .2s;display:grid;position:absolute;top:calc(50% - 1.375rem);transform:translateY(-50%)}.character-slider .splide__arrow:hover{background:var(--color-main-deep);box-shadow:0 14px 36px #23393238}.character-slider .splide__arrow:disabled{opacity:.45;cursor:default}.character-slider .splide__arrow svg{width:17px;height:17px;fill:var(--color-white)}.character-slider .splide__arrow--prev{left:-22px}.character-slider .splide__arrow--next{right:-22px}.character-slider .splide__pagination{gap:.5rem;position:absolute;bottom:.25rem;left:0;right:0}.character-slider .splide__pagination__page{cursor:pointer;background:#bdc9c5;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .2s,transform .2s}.character-slider .splide__pagination__page:hover,.character-slider .splide__pagination__page.is-active{background:var(--color-main)}.character-slider .splide__pagination__page.is-active{transform:scale(1.25)}.character-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);overflow:hidden}.character-card__visual{aspect-ratio:1;background:color-mix(in srgb, var(--character-color) 12%, white);place-items:center;display:grid;overflow:hidden}.character-card__visual img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s}.character-card:hover .character-card__visual img{transform-origin:50%;transform:scale(1.02)}.character-card__fallback{background:var(--character-color);width:76px;height:76px;color:var(--color-white);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.character-card__body{gap:.5rem;padding:1rem;display:grid}.character-card__role{color:var(--character-color);font-size:.72rem;font-weight:800}.character-card__name{font-size:1.05rem}.character-card__name a{text-decoration:none}.character-card__description{color:var(--color-muted);font-size:.78rem;line-height:1.75}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:clamp(2rem,5vw,4rem);display:flex}.pagination a,.pagination span{border:1px solid var(--color-line);background:var(--color-white);min-width:42px;min-height:42px;color:var(--color-main);border-radius:50%;place-items:center;padding:.35rem;font-size:.82rem;font-weight:800;text-decoration:none;display:grid}.pagination a:hover,.pagination [aria-current=page]{border-color:var(--color-main);background:var(--color-main);color:var(--color-white)}.pagination__wide{border-radius:999px!important;min-width:auto!important;padding-inline:1rem!important}.notice{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-muted);padding:1rem 1.15rem;font-size:.8rem}.notice strong{color:var(--color-ink)}.empty-state{border-radius:var(--radius-md);background:var(--color-canvas);text-align:center;padding:clamp(2.5rem,7vw,5rem)}.empty-state p{color:var(--color-muted);margin-top:.75rem}.search-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);padding:clamp(1.2rem,3vw,2rem)}.search-form{gap:.7rem;display:flex}.search-form input{background:var(--color-white);width:100%;min-width:0;min-height:48px;color:var(--color-ink);border:1px solid #b9c8c3;border-radius:999px;padding:.65rem 1rem}.search-status{min-height:1.8em;color:var(--color-muted);margin-top:1rem;font-size:.8rem}.search-results{gap:.8rem;margin-top:1rem;display:grid}.search-result{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);gap:.35rem;padding:1rem;display:grid}.search-result a{color:var(--color-ink);font-weight:800;text-decoration:none}.search-result a:hover{color:var(--color-main)}.search-result h2{font-size:1rem;line-height:1.65}.search-result p{color:var(--color-muted);font-size:.8rem}.prose-page{gap:1.35rem;display:grid}.wide-content{width:min(calc(100vw - 40px), var(--container));position:relative;left:50%;transform:translate(-50%)}.contact-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);gap:.85rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.check-list{list-style:none}.check-list li{padding-left:2rem;position:relative}.check-list li:before{border:2px solid var(--color-main);width:1.25rem;height:1.25rem;color:var(--color-main);content:"✓";border-radius:4px;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:.38em;left:0}.print-actions{flex-wrap:wrap;gap:.75rem;display:flex}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.comparison-grid>div{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);padding:1.25rem}.comparison-grid h3{margin:0}.character-profile{background:color-mix(in srgb, var(--character-color) 8%, white);padding-block:clamp(3rem,7vw,6rem)}.character-profile__grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.character-profile__visual{border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-card);overflow:hidden}.character-profile__visual img{aspect-ratio:4/3;object-fit:contain;width:100%}.character-profile__copy{gap:1rem;display:grid}.character-profile__role{color:var(--character-color);font-weight:800}.character-profile blockquote{border:1px solid color-mix(in srgb, var(--character-color) 28%, white);border-radius:var(--radius-sm);font-family:var(--font-serif);background:#ffffffad;padding:1rem 1.15rem}.character-profile__strengths{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}.character-profile__strengths li{background:var(--color-white);color:var(--character-color);border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:800}.prose-page h2{margin-top:1.75rem}.prose-page h3{margin-top:1.2rem}.prose-page ul,.prose-page ol{padding-left:1.45rem}.prose-page a{color:var(--color-main)}.prose-page a.button{color:var(--color-white)}.prose-page a.button:hover,.prose-page a.button--outline{color:var(--color-main)}.prose-page a.button--outline:hover{color:var(--color-white)}.prose-page a.button--light{color:var(--color-main-deep)}.prose-page a.button--light:hover{color:var(--color-white)}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.feature-list li{border-radius:var(--radius-md);background:var(--color-canvas);padding:1.25rem}.feature-list strong{color:var(--color-main);margin-bottom:.45rem;display:block}.feature-list span{color:var(--color-muted);font-size:.83rem}.roadmap-intro{border-left:3px solid var(--color-accent);max-width:42rem;color:var(--color-muted);padding-left:.9rem;font-size:.9rem}.year-roadmap{gap:1.25rem;max-width:900px;margin-inline:auto;list-style:none;display:grid}.year-roadmap__month{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.year-roadmap__marker{border:1px solid var(--color-main);background:var(--color-main-soft);width:56px;height:56px;color:var(--color-main-deep);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.year-roadmap__content{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2rem)}.year-roadmap__content h2{margin-block:.25rem .65rem;font-size:clamp(1.1rem,2vw,1.35rem)}.year-roadmap__meta{color:var(--color-main);letter-spacing:.08em;font-size:.72rem;font-weight:800}.year-roadmap__articles{gap:.45rem;margin-top:1rem;padding:0;list-style:none;display:grid}.year-roadmap__articles a{color:var(--color-main-deep);font-weight:700;display:inline-flex}.year-roadmap__articles a:before{color:var(--color-accent);content:"→";margin-right:.5rem}.year-roadmap__pending{border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-muted);margin-top:1rem;padding:.75rem .9rem;font-size:.82rem}}@layer article{.article-header{background:var(--color-canvas);padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,4rem)}.article-header__inner{width:min(100% - 40px,920px);margin-inline:auto}.article-header__category{background:var(--color-main-soft);color:var(--color-main);border-radius:999px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.article-header h1{max-width:52rem;font-size:clamp(1.5rem,3.2vw,2rem)}.article-header__description{max-width:48rem;color:var(--color-muted);margin-top:1rem}.article-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.2rem;font-size:.76rem;display:flex}.article-meta__pr{background:var(--color-white);color:var(--color-warning);border-radius:999px;padding:.1rem .45rem;font-weight:800}.article-meta__guide{background:var(--color-main-soft);color:var(--color-main);border-radius:999px;padding:.1rem .45rem;font-weight:800}.article-hero-image{border-radius:var(--radius-md);background:var(--color-main-soft);width:min(100% - 40px,920px);box-shadow:var(--shadow-card);margin:clamp(1.8rem,4vw,3rem) auto 0;overflow:hidden}.article-hero-image img{aspect-ratio:1200/630;object-fit:cover;width:100%}.article-layout{grid-template-columns:minmax(0, var(--content)) minmax(220px, 260px);align-items:start;gap:clamp(2.5rem,6vw,5rem);width:min(100% - 40px,1060px);margin-inline:auto;padding-block:clamp(2.5rem,6vw,5rem);display:grid}.article-body{min-width:0}.article-body>*+*{margin-top:1.25rem}.article-body h2{border-radius:var(--radius-sm);background:var(--color-main);color:var(--color-white);margin-top:3.25rem;padding:.85rem 1rem;font-size:clamp(1.25rem,2.2vw,1.625rem)}.article-body h3{border-bottom:2px solid var(--color-main-soft);margin-top:2.5rem;padding-bottom:.55rem;font-size:clamp(1.125rem,1.8vw,1.375rem)}.article-body h4{margin-top:2rem;font-size:1.05rem}.article-body p{line-height:2}.article-body a{color:var(--color-main);font-weight:700}.article-body a.button{color:var(--color-white)}.article-body a.button:hover{color:var(--color-main)}.article-body a.button--light{color:var(--color-main-deep)}.article-body a.button--light:hover,.article-body a.offer-cta__store{color:var(--color-white)}.article-body a.offer-cta__store--amazon{color:#1f2926}.article-body ul,.article-body ol{border-radius:var(--radius-sm);background:var(--color-canvas);gap:.45rem;margin-block:1.25rem;padding:1.2rem 1.2rem 1.2rem 2.6rem;display:grid}.article-body li::marker{color:var(--color-main);font-weight:800}.article-body blockquote{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-muted);box-shadow:var(--shadow-card);margin-block:1.5rem;padding:1.25rem 1.4rem}.article-body table{border-collapse:collapse;width:100%;font-size:.86rem}.article-body th,.article-body td{border:1px solid var(--color-line);text-align:left;vertical-align:top;padding:.75rem}.article-body th{background:var(--color-main-soft);color:var(--color-main-deep)}.article-body figure{margin-block:2rem}.article-body pre{border-radius:var(--radius-sm);background:#f1f4f2;max-width:100%;padding:1rem;font-size:.82rem;line-height:1.7;overflow-x:auto}.article-body :not(pre)>code{background:var(--color-main-soft);color:var(--color-main-deep);border-radius:4px;padding:.12rem .35rem;font-size:.88em}.article-body figure img{border-radius:var(--radius-md);width:100%}.article-body figcaption{color:var(--color-muted);text-align:center;margin-top:.5rem;font-size:.75rem}.article-sidebar{gap:1rem;display:grid;position:sticky;top:100px}.toc{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);padding:1.1rem}.toc__title{color:var(--color-main);font-size:.78rem;font-weight:800}.toc ol{gap:.45rem;margin-top:.75rem;list-style:none;display:grid}.toc a{color:var(--color-muted);font-size:.75rem;line-height:1.6;text-decoration:none;display:block}.toc a:hover{color:var(--color-main)}.article-summary{border-radius:var(--radius-md);background:var(--color-main-soft);margin-bottom:2rem;padding:1.25rem}.article-summary__label{color:var(--color-main);margin-bottom:.35rem;font-size:.75rem;font-weight:800}.faq-list{margin-block:2.5rem}.faq-list__items{gap:.75rem;display:grid}.faq-list__item{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card)}.faq-list__item summary{color:var(--color-ink);cursor:pointer;padding:1rem 2.75rem 1rem 1.1rem;font-weight:800}.faq-list__item p{margin:0;padding:0 1.1rem 1.1rem}.article-toc{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);margin-block:1.5rem 2rem;padding:1.25rem}.article-toc__title{color:var(--color-main);font-size:.82rem;font-weight:800}.article-toc>ol{counter-reset:toc;background:0 0;margin-top:.8rem;padding:0}.article-toc li{counter-increment:toc;list-style:none}.article-toc li>a{color:var(--color-ink);grid-template-columns:1.5rem minmax(0,1fr);gap:.25rem;text-decoration:none;display:grid}.article-toc li>a:before{color:var(--color-main);content:counter(toc, decimal-leading-zero);font-size:.72rem;font-weight:800}.article-toc li>ol{background:0 0;margin-block:.4rem 0;padding:0 0 0 1.75rem}.article-toc li>ol li>a:before{content:"–"}.dialogue-list{gap:.15rem;margin-block:1.5rem;display:grid}.dialogue{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:.8rem;margin-block:1.5rem;display:grid}.dialogue__avatar{border:2px solid var(--character-color,var(--color-main));background:var(--character-color,var(--color-main));object-fit:cover;border-radius:50%;width:52px;height:52px;display:block}.dialogue__content{border:1px solid var(--color-line);background:var(--color-white);box-shadow:var(--shadow-card);border-radius:6px 18px 18px;padding:.9rem 1rem}.dialogue__name{color:var(--character-color,var(--color-main));margin-bottom:.2rem;font-size:.7rem;font-weight:800}.dialogue__content p{font-size:.9rem;line-height:1.8}.character-note{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--character-color) 8%, white);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.85rem;margin-block:1.5rem;padding:1.2rem;display:grid}.work-box{border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffd1,#ffffffd1),repeating-linear-gradient(0deg,#0000 0 31px,#315b5014 32px);gap:.55rem;margin-block:1.75rem;padding:1.25rem;display:grid}.work-box__label{color:var(--color-main);letter-spacing:.15em;font-size:.7rem;font-weight:800}.work-box h3{border:0;margin:0;padding:0}.work-box>ul,.work-box>ol{margin:.5rem 0 0}.article-section{scroll-margin-top:110px}.article-section+.article-section{margin-top:3.25rem}.article-section__eyebrow{color:var(--color-main);letter-spacing:.12em;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.article-section__body>*+*{margin-top:1.25rem}.offer-cta{border-radius:var(--radius-lg);background:var(--color-main-deep);color:var(--color-white);gap:.75rem;margin-block:2.5rem;padding:clamp(1.4rem,4vw,2.2rem);display:grid}.offer-cta--affiliate{background:linear-gradient(135deg, #24463ef5, #315b50f5), var(--color-main-deep);position:relative}.offer-cta__pr{background:#ffffff1f;border-radius:999px;width:fit-content;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.offer-cta__content{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.offer-cta--affiliate .offer-cta__content{grid-template-columns:minmax(7rem,.28fr) minmax(0,1fr);align-items:center}.offer-cta__media{border-radius:var(--radius-md);background:var(--color-white);border:1px solid #ffffff47;padding:.65rem;display:block}.offer-cta__image{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.offer-cta__copy{gap:.65rem;display:grid}.offer-cta h2,.offer-cta h3{color:var(--color-white);font-size:clamp(1.15rem,2vw,1.4rem)}.offer-cta p{color:#ffffffc2;font-size:.88rem}.offer-cta__fit,.offer-cta__drawback{border-radius:var(--radius-sm);background:#ffffff14;padding:.7rem .8rem}.offer-cta__fit strong,.offer-cta__drawback strong{color:var(--color-white)}.offer-cta__price{font-weight:800;color:var(--color-white)!important;font-size:1rem!important}.offer-cta__price span{color:#ffffffa3;margin-left:.25rem;font-size:.72rem;font-weight:600}.offer-cta__disclosure{color:#ffffff94!important;font-size:.7rem!important}.offer-cta__stores{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.offer-cta__store{border-radius:var(--radius-sm);min-height:2.8rem;color:var(--color-white);text-align:center;justify-content:center;align-items:center;padding:.7rem .8rem;font-size:.78rem;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.offer-cta__store:hover{color:var(--color-white);filter:brightness(1.08)}.offer-cta__store--rakuten{background:#a61b1b}.offer-cta__store--amazon{color:#1f2926;background:#f5b942}.offer-cta__store--amazon:hover{color:#1f2926}.offer-cta__store--yahoo{background:#c5222d}.affiliate-impression{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.internal-route{border-radius:var(--radius-md);background:var(--color-canvas);gap:.9rem;margin-top:3rem;padding:1.25rem;display:grid}.internal-route__links{gap:.55rem;display:grid}.internal-route__links a{border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;text-decoration:none;display:flex}.internal-route__links a:hover{color:var(--color-main)}.related-section{background:var(--color-canvas);padding-block:clamp(3.5rem,7vw,6rem)}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.muted{color:var(--color-muted)}.mt-lg{margin-top:2rem}@media (width<=920px){.desktop-nav,.header-search{display:none}.mobile-menu__button{display:grid}.site-footer__lead{grid-template-columns:1fr}.article-grid,.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{grid-row:1;position:static}.feature-list,.home-hero__grid,.character-profile__grid{grid-template-columns:1fr}.home-hero__visual{min-height:360px}}@media (width<=640px){.container,.content-container,.article-layout,.article-header__inner,.article-hero-image{width:min(calc(100% - 28px), var(--container))}.site-header__inner{min-height:64px}.brand__mark{width:34px;height:34px}.grid--2,.grid--3,.article-grid,.category-grid{grid-template-columns:1fr}.site-footer__nav{grid-template-columns:1fr;gap:1.5rem}.site-footer__bottom{flex-direction:column;align-items:flex-start}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-slider .splide__arrow--prev{left:.5rem}.character-slider .splide__arrow--next{right:.5rem}.search-form{flex-direction:column;align-items:stretch}.home-cta,.comparison-grid{grid-template-columns:1fr}.home-cta{align-items:start}.home-hero__visual{min-height:320px}.home-note--main{min-height:145px}.article-body h2{margin-inline:-.25rem}.article-body table{overscroll-behavior-inline:contain;touch-action:pan-x pan-y;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.offer-cta--affiliate .offer-cta__content,.offer-cta__stores{grid-template-columns:1fr}.offer-cta__media{width:min(10rem,56%);margin-inline:auto}}@media (width<=390px){.character-grid{grid-template-columns:1fr}.brand__text{font-size:.8rem}}@media (width>=1600px){:root{--container:1240px;--content:800px}.site-header__inner{min-height:82px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.article-card:hover .article-card__media img,.character-card:hover .character-card__visual img{transform:none}}@media print{.site-header,.site-footer,.breadcrumbs,.page-hero,.print-actions,.offer-cta{display:none!important}body{color:#000;background:#fff;font-size:11pt}.section{padding:0}.content-container{width:100%}.check-list li{break-inside:avoid}}}