@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure,blockquote,ul,ol{margin:0}ul,ol{padding:0}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}}@layer base{:root{--yt-bg:#faf7f2;--yt-surface:#fffdfc;--yt-paper:#f3eee7;--yt-lavender-100:#eee9f5;--yt-lavender-300:#c8bcd8;--yt-blue-200:#cad8e7;--yt-rose-200:#e6c9cf;--yt-sage-200:#cad5c8;--yt-terracotta-300:#c78f7c;--yt-ink:#263247;--yt-ink-soft:#4d586b;--yt-amber:#a66b22;--yt-amber-original:#c38a3f;--yt-amber-light:#f0d9a5;--yt-line:#ded7ce;--yt-shadow:#2632471f;--font-serif:"Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Georgia, serif;--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--size-1:clamp(.875rem, .84rem + .12vw, .95rem);--size-2:clamp(1rem, .96rem + .15vw, 1.08rem);--size-3:clamp(1.25rem, 1.1rem + .45vw, 1.6rem);--size-4:clamp(1.65rem, 1.35rem + 1vw, 2.4rem);--size-5:clamp(1.75rem, 2.75vw, 2.55rem);--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:clamp(4rem, 8vw, 7rem);--radius-sm:.35rem;--radius-md:.8rem}html{color:var(--yt-ink);background:var(--yt-bg)}body{min-width:320px;color:var(--yt-ink-soft);background:radial-gradient(circle at 12% 8%, #eee9f5bf, transparent 30rem), radial-gradient(circle at 85% 30%, #f0d9a538, transparent 24rem), var(--yt-bg);font-family:var(--font-sans);font-size:var(--size-2);text-rendering:optimizelegibility;line-height:1.9}h1,h2,h3{color:var(--yt-ink);font-family:var(--font-serif);letter-spacing:.02em;font-weight:600;line-height:1.45}h1{font-size:var(--size-5)}h2{font-size:var(--size-4)}h3{font-size:var(--size-3)}a{color:var(--yt-ink);text-underline-offset:.25em;text-decoration-thickness:.08em}a:hover{color:#79501c}:focus-visible{outline:3px solid var(--yt-amber-original);outline-offset:4px}::selection{color:var(--yt-ink);background:var(--yt-amber-light)}blockquote{margin-block:var(--space-5);padding:var(--space-4) var(--space-5);color:var(--yt-ink);background:color-mix(in srgb, var(--yt-lavender-100) 62%, white);border:1px solid var(--yt-lavender-300);border-radius:var(--radius-sm);font-family:var(--font-serif);font-size:1.08em}hr{width:min(9rem,30%);margin:var(--space-6) auto;border:0;border-top:1px solid var(--yt-line)}}@layer layout{.shell{width:min(100% - 2rem,1240px);margin-inline:auto}.narrow{width:min(100% - 2rem,780px);margin-inline:auto}.section{padding-block:var(--space-7)}.section--paper{border-block:1px solid var(--yt-line);background:#fffdfcc7}.section--lavender{background:color-mix(in srgb, var(--yt-lavender-100) 70%, transparent)}.section-heading{max-width:780px;margin-bottom:var(--space-6)}.section-heading h2{margin-top:var(--space-1)}.section-heading p:last-child{margin-top:var(--space-3)}.eyebrow{color:#80551e;font-size:var(--size-1);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.lead{color:var(--yt-ink);font-family:var(--font-serif);font-size:clamp(1.15rem,1.05rem + .4vw,1.45rem)}.prose{width:min(100% - 2rem,780px);padding-block:var(--space-6) var(--space-7);margin-inline:auto}.prose>*+*{margin-top:1.35em}.prose h2{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eee9f5bf,#fffdfc66);border:1px solid #c8bcd8b3;margin-top:2.8em;padding:.35em .55em}.prose h3{margin-top:2.2em}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:.45em}.prose strong{color:var(--yt-ink)}.prose .astro-code.github-dark[data-language=text]{border:1px solid var(--yt-line);border-radius:var(--radius-sm);font-family:var(--font-sans);padding:1.1rem 1.2rem;font-size:.95em;line-height:1.9;color:var(--yt-ink)!important;background:var(--yt-paper)!important}.page-hero{padding-block:var(--space-7) var(--space-6)}.page-hero__inner{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.page-hero__copy>*+*{margin-top:var(--space-3)}.page-hero__visual img,.page-hero__visual .image-placeholder{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--yt-line);border-radius:var(--radius-md);width:100%;box-shadow:0 1.5rem 3.5rem var(--yt-shadow)}.page-hero__meta{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=767px){.shell,.narrow,.prose{width:min(100% - 1.5rem,100%)}.section{padding-block:3.75rem}.page-hero__inner{grid-template-columns:1fr}.page-hero__visual{order:-1}.prose{padding-block:2.5rem 4.5rem}}}@layer components{.skip-link{z-index:100;color:#fff;background:var(--yt-ink);border-radius:var(--radius-sm);padding:.7rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--yt-line);background:#faf7f2f0;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:5rem;display:flex}.site-brand{align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.site-brand strong,.site-brand small{display:block}.site-brand strong{font-family:var(--font-serif);letter-spacing:.12em;font-size:1.35rem}.site-brand small{color:var(--yt-ink-soft);letter-spacing:.08em;font-size:.72rem}.site-brand__lamp{border:1px solid var(--yt-amber-original);background:radial-gradient(circle, #fff7d7 0 20%, var(--yt-amber-light) 45%, #f0d9a526 70%);border-radius:50%;width:1.6rem;height:1.6rem;box-shadow:0 0 1.5rem #c38a3f73}.desktop-nav ul,.site-footer ul{list-style:none}.desktop-nav ul{align-items:center;gap:clamp(1rem,2.2vw,2rem);display:flex}.desktop-nav a{font-size:.9rem;font-weight:600;text-decoration:none}.desktop-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--yt-amber-original);text-decoration-thickness:.18rem}body.is-menu-open,body.is-menu-closing{overflow:hidden}body.is-menu-open .site-header,body.is-menu-closing .site-header{z-index:90;pointer-events:none;background:0 0;border-color:#0000}body.is-menu-open .site-header .site-brand,body.is-menu-open .site-header .desktop-nav,body.is-menu-closing .site-header .site-brand,body.is-menu-closing .site-header .desktop-nav{opacity:0;pointer-events:none}body.is-menu-open .site-header .menu-toggle,body.is-menu-closing .site-header .menu-toggle{pointer-events:auto}.menu-toggle{z-index:75;width:4.5rem;height:3.25rem;color:var(--yt-ink);border:1px solid var(--yt-line);cursor:pointer;backdrop-filter:blur(14px);background:#fffdfcc2;border-radius:999px;flex:none;padding:0;position:relative;box-shadow:0 .75rem 2rem #26324714}.menu-toggle span:not(.sr-only){transform-origin:50%;background:currentColor;border-radius:999px;height:2px;transition:top .26s cubic-bezier(.63,0,.33,1),transform .26s cubic-bezier(.63,0,.33,1);position:absolute;left:1rem;right:1rem}.menu-toggle span:nth-of-type(2){top:1.25rem}.menu-toggle span:nth-of-type(3){top:1.9rem}.menu-toggle:hover span:not(.sr-only){transform:scaleX(.72)}body.is-menu-open .menu-toggle{color:var(--yt-surface);background:#263247eb;border-color:#ffffff3d}body.is-menu-open .menu-toggle span:nth-of-type(2),body.is-menu-open .menu-toggle span:nth-of-type(3){top:1.58rem}body.is-menu-open .menu-toggle span:nth-of-type(2){transform:rotate(20deg)}body.is-menu-open .menu-toggle span:nth-of-type(3){transform:rotate(-20deg)}.global-menu{z-index:60;visibility:hidden;pointer-events:none;position:fixed;inset:0}.global-menu__backdrop,.global-menu__panel{transform-origin:100% 0;position:absolute;inset:0}.global-menu__backdrop{z-index:0;background:linear-gradient(135deg, var(--yt-ink), #4d586b 55%, #8b642f);transition:transform .42s cubic-bezier(.63,0,.33,1) 70ms;transform:scaleX(0)skew(18deg)}.global-menu__panel{z-index:1;overscroll-behavior:contain;color:var(--yt-ink);opacity:0;background:radial-gradient(circle at 78% 22%,#f0d9a580,#0000 24rem),radial-gradient(circle at 16% 76%,#c8bcd861,#0000 28rem),linear-gradient(135deg,#faf7f2fc,#fffdfcf7);outline:none;transition:opacity 1ms linear .5s,transform .5s cubic-bezier(.63,0,.33,1) 70ms;overflow:hidden auto;transform:scaleX(0)skew(18deg)}body.is-menu-open .global-menu,body.is-menu-closing .global-menu{visibility:visible}body.is-menu-open .global-menu{pointer-events:auto}body.is-menu-open .global-menu__backdrop,body.is-menu-open .global-menu__panel{opacity:1;transition:transform .56s cubic-bezier(.63,0,.33,1);transform:scaleX(1)skew(0)}body.is-menu-open .global-menu__panel{transition:opacity 1ms linear,transform .56s cubic-bezier(.63,0,.33,1)}body.is-menu-closing .global-menu__backdrop,body.is-menu-closing .global-menu__panel{opacity:1;transition:transform .38s cubic-bezier(.63,0,.33,1) .25s;transform:scaleX(0)skew(18deg)}.global-menu__title{z-index:0;color:#ffffff8f;font-family:var(--font-serif);letter-spacing:.08em;opacity:0;pointer-events:none;margin:0;font-size:clamp(5rem,17vw,16rem);font-weight:600;line-height:.85;transition:opacity .26s;position:absolute;top:clamp(1rem,4vw,3rem);left:clamp(1rem,4vw,4rem)}.global-menu__subtitle{z-index:3;color:#263247ad;font-family:var(--font-serif);letter-spacing:.12em;text-transform:uppercase;opacity:0;margin:0;font-size:.75rem;font-weight:700;transition:opacity .26s;position:absolute;top:clamp(1.35rem,4vw,3.4rem);right:clamp(6rem,10vw,9rem)}.global-menu__list{z-index:3;gap:.1rem;width:min(760px,100% - 2rem);margin:0 auto;padding:clamp(7rem,13vh,9rem) 0 clamp(8rem,15vh,10rem);display:grid;position:relative}.global-menu__list a{--menu-x:4rem;--menu-r:3deg;min-height:clamp(3.7rem,7vh,5rem);color:var(--yt-ink);opacity:0;transform:translate(var(--menu-x), 1.2rem) rotate(var(--menu-r));border-bottom:1px solid #2632472e;grid-template-columns:3rem minmax(0,1fr) minmax(7rem,auto);align-items:baseline;gap:.8rem;text-decoration:none;transition:color .18s,opacity .3s,transform .52s cubic-bezier(.16,1,.3,1);display:grid}.global-menu__list a:nth-child(2n){--menu-x:-3rem;--menu-r:-2deg}.global-menu__list a:first-child{transition-delay:.16s}.global-menu__list a:nth-child(2){transition-delay:.2s}.global-menu__list a:nth-child(3){transition-delay:.24s}.global-menu__list a:nth-child(4){transition-delay:.28s}.global-menu__list a:nth-child(5){transition-delay:.32s}.global-menu__list a:nth-child(6){transition-delay:.36s}.global-menu__list a:nth-child(7){transition-delay:.4s}body.is-menu-open .global-menu__list a{opacity:1;transform:translate(0)rotate(0)}.global-menu__list a:hover,.global-menu__list a[aria-current=page]{color:#80551e}.global-menu__list a:hover{transform:translate(.35rem)}.global-menu__list span{color:#26324794;font-size:.78rem;font-weight:800}.global-menu__list strong{font-family:var(--font-serif);letter-spacing:.07em;font-size:clamp(1.6rem,4vw,3.1rem);font-weight:600;line-height:.94}.global-menu__list small{color:var(--yt-ink-soft);text-align:right;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:700}.global-menu__items{z-index:2;opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:0}.global-menu__item{color:#2632477a;min-width:4.5rem;min-height:2.2rem;font-family:var(--font-serif);backdrop-filter:blur(8px);background:#fffdfc70;border:1px solid #2632471a;border-radius:999px;place-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-grid;position:absolute;box-shadow:0 .8rem 2rem #2632470f}.global-menu__item--one{top:18%;right:14%}.global-menu__item--two{top:34%;left:12%}.global-menu__item--three{bottom:30%;right:8%}.global-menu__item--four{bottom:19%;left:10%}.global-menu__item--five{bottom:8%;right:28%}.global-menu__footer{z-index:3;color:var(--yt-ink);font-family:var(--font-serif);opacity:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;font-weight:700;transition:opacity .26s;display:flex;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,4vw,3rem)}.global-menu__footer p{margin:0}.global-menu__footer a{color:#fff;background:var(--yt-ink);min-height:2.75rem;font-family:var(--font-sans);border-radius:999px;justify-content:center;align-items:center;padding:.62rem 1rem;text-decoration:none;display:inline-flex}body.is-menu-open .global-menu__title,body.is-menu-open .global-menu__subtitle,body.is-menu-open .global-menu__items,body.is-menu-open .global-menu__footer{opacity:1}body.is-menu-closing .global-menu__title,body.is-menu-closing .global-menu__subtitle,body.is-menu-closing .global-menu__items,body.is-menu-closing .global-menu__footer{opacity:0}body.is-menu-closing .global-menu__list a{opacity:0;transition-delay:0s;transform:translateY(1rem)}.breadcrumbs{padding-block:.8rem;font-size:.82rem}.breadcrumbs ol{flex-wrap:wrap;gap:.45rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:#8a8290;margin-left:.45rem}.site-footer{padding:var(--space-7) 0 var(--space-4);color:#eef0f5;background:var(--yt-ink)}.site-footer a{color:#fff}.site-footer__grid{gap:var(--space-6);grid-template-columns:1fr auto;display:grid}.site-footer__name{color:#fff;font-family:var(--font-serif);letter-spacing:.12em;font-size:1.6rem}.site-footer__note{margin-top:var(--space-3);color:#d5d9e2}.site-footer ul{columns:2;column-gap:var(--space-5)}.site-footer li{margin-bottom:var(--space-2)}.site-footer__copyright{margin-top:var(--space-6);text-align:center;color:#bfc5d2;font-size:.8rem}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{color:#fff;background:var(--yt-ink);border:1px solid var(--yt-ink);text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:3.1rem;padding:.7rem 1.25rem;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.button:hover{color:#fff;background:#394660;transform:translateY(-2px)}.button--quiet{color:var(--yt-ink);background:0 0}.button--quiet:hover{color:var(--yt-ink);background:var(--yt-surface)}.text-link{font-weight:700}.status-label{width:fit-content;color:var(--yt-ink);background:var(--yt-paper);border:1px solid var(--yt-line);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-slider{align-items:center;min-height:min(760px,100svh - 5rem);padding:clamp(2rem,5vw,5rem) 0;display:grid;overflow:hidden}.hero-slider__slides{list-style:none}.hero-slider__slide{grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:min(100% - 2rem,1320px);margin-inline:auto;display:grid}.hero-slider__slide[aria-hidden=true]{display:none}.hero-slider__copy>*+*{margin-top:var(--space-4)}.hero-slider__copy p:not(.eyebrow){max-width:34rem}.hero-slider__visual{position:relative}.hero-slider__visual:before{content:"";z-index:-1;background:var(--yt-lavender-100);border:1px solid var(--yt-lavender-300);border-radius:var(--radius-md);position:absolute;inset:-1.2rem 1.2rem 1.2rem -1.2rem}.hero-slider__visual img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--yt-line);border-radius:var(--radius-md);box-shadow:0 2rem 5rem var(--yt-shadow)}.hero-slider__controls{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.hero-slider__controls button{min-height:2.75rem;color:var(--yt-ink);background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:999px;padding:.5rem .9rem}.problem-list{background:var(--yt-line);border:1px solid var(--yt-line);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.problem-list li{min-height:7rem;padding:var(--space-4);background:var(--yt-surface);align-items:center;list-style:none;display:flex}.problem-list li:before{content:"?";width:2rem;height:2rem;color:var(--yt-ink);background:var(--yt-amber-light);font-family:var(--font-serif);border-radius:50%;flex:none;place-items:center;margin-right:1rem;font-weight:700;display:grid}.story-lead{background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:var(--radius-md);box-shadow:0 1.5rem 4rem var(--yt-shadow);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(1rem,2vw,2rem);display:grid}.story-lead img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);width:100%}.story-lead div>*+*{margin-top:var(--space-3)}.basic-list{gap:var(--space-3);counter-reset:basics;grid-template-columns:repeat(5,1fr);list-style:none;display:grid}.basic-list li{min-height:15rem;padding:var(--space-4);border:1px solid var(--yt-line);border-radius:var(--radius-sm);counter-increment:basics;background:#fffdfcdb}.basic-list li:before{content:"0" counter(basics);color:#8b642f;font-family:var(--font-serif);font-size:1.4rem}.basic-list h3{margin-top:var(--space-4)}.basic-list p{margin-top:var(--space-2);font-size:.95rem}.room-navigation{border-block:1px solid var(--yt-line)}.room-item{gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--yt-line);grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;display:grid}.room-item:last-child{border-bottom:0}.room-item__number{color:#8b642f;font-family:var(--font-serif);font-size:2rem}.before-after{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.before-after>section{min-height:17rem;padding:var(--space-5);border:1px solid var(--yt-line);border-radius:var(--radius-md)}.before-after__before{background:var(--yt-paper)}.before-after__after{background:color-mix(in srgb, var(--yt-sage-200) 48%, white)}.before-after h3{margin-top:var(--space-2)}.before-after .sample-design{margin-top:var(--space-4)}.before-after.before-after--comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.before-after--comparison>section{background:#fff;min-width:0;min-height:0;padding:1rem}.before-after--comparison h3{font-family:var(--font-sans);background:0 0;border:0;margin:0;padding:0;font-size:1rem}.guide-prose :is(#line-spacing-conditions,#try-line-spacing,[id="3案を同じ文章で比べる"]){scroll-margin-top:7rem}@media (width<=899px){.before-after.before-after--comparison{grid-template-columns:minmax(0,1fr)}}.sample-design--before{color:#b3192c;text-align:center;background:#f8ce3a;place-items:center;min-height:7rem;padding:.3rem;display:grid;box-shadow:inset 0 0 0 .45rem #f2754b}.sample-design--before strong{text-shadow:2px 2px #fff;font-size:2rem}.sample-design--after{min-height:7rem;color:var(--yt-ink);background:#f8f3e9;border:1px solid #b5a78d;align-content:center;gap:.4rem;padding:1.4rem;display:grid}.sample-design--after strong{font-size:1.45rem}.character-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.character-intro{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--yt-line);border-radius:var(--radius-md);background:#fffdfccc;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);align-items:center;display:grid}.character-intro__visual img{aspect-ratio:4/3;object-fit:cover;object-position:left center;border-radius:var(--radius-sm);width:100%}.character-intro__copy>*+*{margin-top:var(--space-2)}.image-placeholder{min-height:12rem;color:var(--yt-ink-soft);background:repeating-linear-gradient(-45deg, var(--yt-paper), var(--yt-paper) 10px, var(--yt-surface) 10px, var(--yt-surface) 20px);text-align:center;border:1px dashed #aaa098;place-items:center;display:grid}.roadmap-steps{gap:var(--space-3);grid-template-columns:repeat(4,1fr);list-style:none;display:grid}.roadmap-steps li{min-height:14rem;padding:var(--space-4);background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;display:flex}.roadmap-steps li>span{color:#80551e;font-family:var(--font-serif);font-size:1.5rem}.roadmap-steps p{margin-top:var(--space-2);font-size:.92rem}.split-feature{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.split-feature img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--yt-line);border-radius:var(--radius-sm);width:100%}.split-feature__copy>*+*{margin-top:var(--space-3)}.glossary-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.glossary-card{padding:var(--space-4);background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:var(--radius-sm)}.glossary-card>*+*{margin-top:var(--space-2)}.dialogue-block{margin-block:var(--space-5);padding:var(--space-4);border:1px solid var(--yt-lavender-300);border-radius:var(--radius-md);background:#eee9f5a8}.dialogue-line{gap:var(--space-3);grid-template-columns:4rem minmax(0,1fr);align-items:center;display:grid}.dialogue-line+.dialogue-line{margin-top:var(--space-2)}.dialogue-line__avatar{object-fit:cover;object-position:center;background:var(--yt-paper);border:3px solid #fff;border-radius:50%;width:4rem;height:4rem;box-shadow:0 .55rem 1.4rem #26324721}.dialogue-line__bubble{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:#fffdfce0;border:1px solid #ded7ceeb;grid-template-columns:5rem minmax(0,1fr);align-items:start;display:grid;position:relative}.dialogue-line__bubble:before{content:"";background:#fffdfcf5;border-bottom:1px solid #ded7ceeb;border-left:1px solid #ded7ceeb;width:.8rem;height:.8rem;position:absolute;top:50%;left:-.48rem;transform:translateY(-50%)rotate(45deg)}.dialogue-line strong{color:var(--yt-ink)}.character-chip{color:var(--yt-ink);border:1px solid var(--yt-line);border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.character-chip--lavender{background:var(--yt-lavender-100)}.character-chip--rose{background:color-mix(in srgb, var(--yt-rose-200) 60%, white)}.character-chip--sage{background:color-mix(in srgb, var(--yt-sage-200) 60%, white)}.character-chip--amber{background:color-mix(in srgb, var(--yt-amber-light) 70%, white)}.character-chip--blue{background:color-mix(in srgb, var(--yt-blue-200) 60%, white)}.guide-answer,.callout,.diagram-block,.work-block,.practice-block{margin-block:var(--space-5);padding:var(--space-5);background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:var(--radius-sm);box-shadow:0 .7rem 2rem #26324712}.guide-answer{background:color-mix(in srgb, var(--yt-amber-light) 30%, var(--yt-surface))}.guide-answer__title,.callout__title,.diagram-block figcaption{margin-bottom:var(--space-2);color:var(--yt-ink);font-family:var(--font-serif);font-size:1.2rem;font-weight:700}.diagram-block div{padding:var(--space-3);background:var(--yt-paper);text-align:center}.work-block{background:color-mix(in srgb, var(--yt-sage-200) 30%, white)}.work-block>*+*,.practice-block>*+*{margin-top:var(--space-3)}.related-content{width:min(100% - 2rem,1020px);margin:var(--space-7) auto}.related-content ul{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.related-content li{padding:var(--space-4);background:var(--yt-surface);border:1px solid var(--yt-line);border-radius:var(--radius-sm)}.related-content li>*+*{margin-top:var(--space-2)}.article-cta{width:min(100% - 2rem,1020px);margin:var(--space-7) auto;justify-content:space-between;align-items:center;gap:var(--space-5);background:linear-gradient(135deg, var(--yt-lavender-100), var(--yt-surface) 55%, #f0d9a58c);border:1px solid var(--yt-lavender-300);border-radius:var(--radius-md);padding:clamp(1.5rem,4vw,3.5rem);display:flex}.article-cta__body{margin-top:var(--space-2)}.character-profile{gap:var(--space-3);margin-block:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.character-profile>div{padding:var(--space-3);background:var(--yt-paper);border:1px solid var(--yt-line);border-radius:var(--radius-sm)}.character-profile dt{color:var(--yt-ink);font-weight:700}.character-profile dd{margin:.2rem 0 0}.coming-soon-list{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.table-scroll{border:1px solid var(--yt-line);border-radius:var(--radius-sm);overflow-x:auto}table{border-collapse:collapse;background:var(--yt-surface);width:100%}.table-scroll table{min-width:760px}.prose table{table-layout:fixed}.prose th,.prose td{overflow-wrap:anywhere}th,td{border-bottom:1px solid var(--yt-line);text-align:left;vertical-align:top;padding:.9rem 1rem}th{color:var(--yt-ink);background:var(--yt-paper);font-size:.9rem}tbody tr:last-child td{border-bottom:0}@media (width<=1023px){.basic-list{grid-template-columns:repeat(3,1fr)}.roadmap-steps{grid-template-columns:repeat(2,1fr)}.hero-slider__slide{grid-template-columns:.9fr 1.1fr}}@media (width<=767px){.desktop-nav{display:none}.site-header__inner{gap:.75rem;min-height:4.5rem}.menu-toggle{width:4.15rem;height:3rem}.menu-toggle span:nth-of-type(2){top:1.13rem}.menu-toggle span:nth-of-type(3){top:1.78rem}body.is-menu-open .menu-toggle span:nth-of-type(2),body.is-menu-open .menu-toggle span:nth-of-type(3){top:1.45rem}.global-menu__title{letter-spacing:.03em;font-size:clamp(4.2rem,21vw,6.4rem);top:.8rem;left:.75rem}.global-menu__subtitle{display:none}.global-menu__list{width:min(100% - 1.5rem,38rem);padding-top:6rem;padding-bottom:7.8rem}.global-menu__list a{grid-template-columns:2.35rem minmax(0,1fr);gap:.45rem;min-height:4rem}.global-menu__list small{text-align:left;grid-column:2;margin-top:-.35rem}.global-menu__items{display:none}.global-menu__footer{justify-content:flex-start;font-size:.85rem;bottom:.85rem;left:.75rem;right:.75rem}.site-brand small{display:none}.site-footer__grid{grid-template-columns:1fr}.site-footer ul{columns:1}.hero-slider{min-height:auto;padding:1.25rem 0 4rem}.hero-slider__slide{grid-template-columns:1fr;width:min(100% - 1.5rem,100%)}.hero-slider__visual{order:-1}.hero-slider__visual:before{inset:.75rem -.5rem -.75rem .5rem}.hero-slider__visual img{aspect-ratio:16/9;object-position:center}.hero-slider__copy .button-row{flex-direction:column}.hero-slider__copy .button{width:100%}.problem-list,.story-lead,.before-after,.character-grid,.split-feature,.glossary-grid,.related-content ul,.basic-list{grid-template-columns:1fr}.basic-list li{min-height:auto}.room-item{grid-template-columns:3rem minmax(0,1fr)}.room-item .status-label{grid-column:2}.roadmap-steps{grid-template-columns:1fr}.roadmap-steps li{min-height:auto}.character-intro{grid-template-columns:1fr}.character-intro__visual img{aspect-ratio:16/10;object-position:left center}.dialogue-line{grid-template-columns:3.25rem minmax(0,1fr);gap:.65rem}.dialogue-line__avatar{width:3.25rem;height:3.25rem}.dialogue-line__bubble{grid-template-columns:1fr;gap:.2rem;padding:.8rem .9rem}.article-cta{flex-direction:column;align-items:stretch}.character-profile{grid-template-columns:1fr}}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flow>*+*{margin-top:var(--space-3)}.center{text-align:center}@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}.global-menu__list a{opacity:1;transform:none}}}.page-date[data-astro-cid-z4jru4n3]{color:#777;text-align:right;width:min(1120px,100% - 32px);margin:1rem auto 0;font-size:.78rem}.page-date[data-astro-cid-z4jru4n3] time[data-astro-cid-z4jru4n3]+span[data-astro-cid-z4jru4n3],.page-date[data-astro-cid-z4jru4n3] span[data-astro-cid-z4jru4n3]:not(:first-child){margin-left:.8rem}