[data-theme-icon]{display:none}html:not(.dark) [data-theme-icon=light]{display:inline-flex}html.dark:not(.black) [data-theme-icon=dark]{display:inline-flex}html.black [data-theme-icon=black]{display:inline-flex}:root:root{--color-background: #fffaf3;--color-surface: #fffcf6;--color-raised: #ffffff;--color-foreground: #2d2820;--color-muted: #ede5d8;--color-muted-foreground: #6d6255;--color-border: #d0c4ae;--color-input-border: #948a7c;--color-action: #ff8a3d;--color-action-hover: #f0a87a;--color-action-text: #2d2820;--color-link: #a05328;--color-focus: #7a4422;--color-info: #225b70;--color-info-soft: #e8f4fd;--color-success: #315c24;--color-success-soft: #eaf6e0;--color-warning: #75510b;--color-warning-soft: #fff8e1;--color-danger: #913c36;--color-danger-soft: #fdecea;--color-muted-soft: #f7f3ec;--background: 35 100% 97.6%;--foreground: 36.9 16.9% 15.1%;--card: 40 100% 98.2%;--card-foreground: 36.9 16.9% 15.1%;--muted: 37.1 36.8% 88.8%;--muted-foreground: 32.5 12.4% 38%;--border: 38.8 26.6% 74.9%;--brand: 23.8 100% 62%;--brand-light: 23.4 79.7% 71%;--brand-text: 21.5 60% 39.2%;--brand-h: 24;--brand-s: 100%;--radius: 1.1rem}:root.dark{--color-background: #211d18;--color-surface: #2d2820;--color-raised: #393229;--color-foreground: #f7f3ec;--color-muted: #393229;--color-muted-foreground: #c4baa9;--color-border: #6a5e4e;--color-input-border: #948a7c;--color-action: #f0a87a;--color-action-hover: #ffb990;--color-action-text: #2d2820;--color-link: #f0a87a;--color-focus: #f0a87a;--color-info: #88c6de;--color-info-soft: #223842;--color-success: #a6c98a;--color-success-soft: #2b3c24;--color-warning: #e4be66;--color-warning-soft: #43371d;--color-danger: #f3aaa5;--color-danger-soft: #482c29;--color-muted-soft: #29241e;--background: 33.3 15.8% 11.2%;--foreground: 38.2 40.7% 94.7%;--card: 36.9 16.9% 15.1%;--card-foreground: 38.2 40.7% 94.7%;--muted: 33.8 16.3% 19.2%;--muted-foreground: 37.8 18.6% 71.6%;--border: 34.3 15.2% 36.1%;--brand: 23.4 79.7% 71%;--brand-light: 22.2 100% 78.2%;--brand-text: 23.4 79.7% 71%;--brand-h: 24;--brand-s: 78%;--radius: 1.1rem}:root.dark.black{--background: 38 20% 6%;--color-background: #15120e}@font-face{font-family:Fredoka;src:url(/fonts/fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}body{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;line-height:1.65}h1,h2,h3{color:var(--color-foreground)}h1,h2{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.12}button,a,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--color-link);text-transform:uppercase}.review-bar{min-height:36px;background:var(--color-foreground);color:var(--color-background);display:flex;align-items:center;justify-content:space-between;padding:7px 28px;gap:20px;font-size:10px;letter-spacing:.07em}.review-bar>span{white-space:nowrap}.review-bar b{font-size:8px;opacity:.65;margin-left:12px;font-weight:500}.review-bar nav{display:flex;gap:22px;letter-spacing:0}.review-bar a{opacity:.62;white-space:nowrap}.review-bar a:hover,.review-bar a.selected{opacity:1}.review-bar a.selected{border-bottom:1px solid currentColor}.site-frame{position:sticky;top:0;z-index:40}.site-frame header{background:color-mix(in srgb,var(--color-background) 93%,transparent);border-color:var(--color-border);backdrop-filter:blur(18px)}.site-frame header>div{max-width:1200px;height:76px;padding:0 24px}.site-frame header>a,.site-frame header a[aria-label]{font-family:Fredoka,ui-rounded,sans-serif;font-size:22px;letter-spacing:-.03em}.site-frame header a[aria-label] svg{color:var(--color-link)}.site-frame header nav{justify-content:center;gap:14px}.site-frame header nav a{font-size:13px;border-radius:999px;padding:9px 18px}.site-frame header button{border-radius:999px}.btn-primary,.btn-outline{border-radius:999px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:none;transition:background .2s,transform .2s}.btn-primary{background:var(--color-action);color:var(--color-action-text);border:1px solid transparent}.btn-primary:hover{background:var(--color-action-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--color-input-border);background:var(--color-surface);color:var(--color-foreground)}.text-link{font-size:12px;font-weight:800;color:var(--color-link);display:inline-flex;align-items:center;gap:8px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.card{border-radius:20px;background:var(--color-surface);border-color:var(--color-border);box-shadow:none}.card:hover{border-color:var(--color-input-border)}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:34px;align-items:center;padding-top:64px;padding-bottom:72px}.hero-copy{padding:12px 0 8px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em}.seed-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);display:inline-block}.hero h1{font-size:clamp(45px,4.8vw,70px);margin:20px 0;line-height:1.04;font-weight:500}.hero h1 span{color:var(--color-link)}.hero-description{font-size:15px;line-height:1.8;max-width:390px;color:var(--color-muted-foreground)}.hero-search{display:flex;align-items:center;gap:12px;background:var(--color-raised);border:1px solid var(--color-input-border);border-radius:14px;width:100%;max-width:430px;text-align:left;padding:16px;margin-top:27px;box-shadow:0 5px 18px color-mix(in srgb,var(--color-foreground) 4%,transparent);color:var(--color-muted-foreground);font-size:12px}.hero-search svg{color:var(--color-link)}.hero-search kbd{margin-left:auto;font:10px Manrope,sans-serif;border:1px solid var(--color-border);padding:3px 5px;border-radius:5px;white-space:nowrap}.hero-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}.hero-links .text-link{font-size:10px}.hero-footnote{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--color-muted-foreground);margin-top:27px}.hero-art{position:relative;height:486px;border-radius:160px 160px 30px 30px;isolation:isolate}.world-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:48% center;object-position:48% center;border-radius:160px 160px 30px 30px;box-shadow:0 16px 50px color-mix(in srgb,var(--color-foreground) 7%,transparent)}.floating-note{position:absolute;bottom:28px;left:-28px;width:283px;display:flex;align-items:center;gap:9px;padding:10px 14px 10px 5px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:17px;box-shadow:0 10px 36px color-mix(in srgb,var(--color-foreground) 11%,transparent)}.floating-note img{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.dark .floating-note img{mix-blend-mode:normal;border-radius:10px}.floating-note span{display:block;font-size:9px;color:var(--color-muted-foreground)}.floating-note strong{font-family:Fredoka,sans-serif;font-size:21px;font-weight:500;white-space:nowrap}.floating-note>svg{color:var(--color-link);margin-left:auto}.photo-credit{position:absolute;bottom:7px;right:16px;color:var(--color-surface);text-shadow:0 1px 4px var(--color-foreground);font-size:7px;letter-spacing:.04em}.topics-wrap{border-block:1px solid var(--color-border);background:var(--color-muted-soft)}.topics-wrap .section{max-width:1200px;padding:36px 24px 42px;border:none}.topics-wrap .section>p{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--color-link)}.topics-wrap h2{font-size:30px;margin-top:7px}.topics-wrap .section>div{gap:14px;margin-top:22px}.topics-wrap .card{padding:19px;transition:transform .2s}.topics-wrap .card:hover{transform:translateY(-3px);box-shadow:0 6px 16px color-mix(in srgb,var(--color-foreground) 4%,transparent)}.topics-wrap .card>div>span:first-child{width:40px;height:40px;border-radius:13px;color:var(--color-link);background:var(--color-warning-soft)}.topics-wrap .card:nth-child(2)>div>span:first-child{color:var(--color-success);background:var(--color-success-soft)}.topics-wrap .card:nth-child(3)>div>span:first-child{color:var(--color-info);background:var(--color-info-soft)}.topics-wrap .card:nth-child(4)>div>span:first-child{color:var(--color-link);background:var(--color-muted)}.topics-wrap .card h3{font:700 13px Manrope,sans-serif;margin-top:15px}.topics-wrap .card p{font-size:11px;line-height:1.7;margin-top:7px}.topics-wrap .card>span{font-size:10px;color:var(--color-link);margin-top:15px}.content-section{padding-top:64px;padding-bottom:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section-heading h2{font-size:34px;margin-top:8px}.section-heading>.text-link{flex-shrink:0;font-size:11px;padding-bottom:3px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:block;overflow:hidden;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px color-mix(in srgb,var(--color-foreground) 6%,transparent)}.guide-image{position:relative;aspect-ratio:1.65;overflow:hidden;background:var(--color-muted)}.guide-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s}.guide-card:hover img{transform:scale(1.035)}.guide-image>.topic-chip{position:absolute;left:17px;bottom:14px}.topic-chip{display:inline-flex;border:1px solid transparent;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.025em;white-space:nowrap}.tone-crafting{background:var(--color-warning-soft);color:var(--color-warning)}.tone-farming{background:var(--color-success-soft);color:var(--color-success)}.tone-building,.tone-items{background:var(--color-info-soft);color:var(--color-info)}.tone-community{background:var(--color-muted);color:var(--color-link)}.guide-card-body{padding:20px 21px 22px}.guide-kind{font-size:9px;color:var(--color-muted-foreground);letter-spacing:.065em;text-transform:uppercase;font-weight:700}.guide-card h3{font:600 21px/1.2 Fredoka,ui-rounded,sans-serif;letter-spacing:-.02em;margin:9px 0 10px}.guide-card-body>p:last-of-type{font-size:11px;line-height:1.8;color:var(--color-muted-foreground);max-width:290px}.read-guide{font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:var(--color-link)}.field-note-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:66px;margin-bottom:30px;padding-top:35px;padding-bottom:35px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.field-note-art{background:var(--color-muted-soft);border-radius:30px;overflow:hidden;height:325px;display:flex;align-items:center}.field-note-art img{width:100%;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.dark .field-note-art img{mix-blend-mode:normal}.field-note-copy h2{font-size:37px;margin:12px 0 17px}.field-note-copy>p:not(.eyebrow){font-size:12px;max-width:380px;color:var(--color-muted-foreground);line-height:1.8}.field-note-copy>div{margin-block:22px;gap:20px}.field-note-copy>div>div{border-color:var(--color-border);background:none;padding:0 0 0 12px;border-width:0 0 0 2px;border-radius:0}.field-note-copy>div p:first-child{font-size:12px}.field-note-copy>div p:nth-child(2){font-size:10px;line-height:1.7}.closing-note{text-align:center;padding-top:46px;padding-bottom:35px}.closing-note>svg{margin:auto;color:var(--color-success)}.closing-note h2{font-size:34px;margin:12px 0}.closing-note p{font-size:12px;color:var(--color-muted-foreground);margin-bottom:22px}footer{margin-top:60px!important;background:var(--color-muted-soft)!important}footer>div{max-width:1200px!important;padding:35px 24px!important}footer h2,footer h3{font-family:Manrope,sans-serif}footer a,footer p,footer li{font-size:10px!important}footer>div>div>div:first-child>div{font-family:Fredoka,sans-serif;font-size:18px}footer>div>div>div:first-child>div svg{width:20px}footer>div>div>div:first-child>div span{font-weight:500}footer .grid{gap:44px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:10px;color:var(--color-muted-foreground);padding-top:34px;flex-wrap:wrap}.breadcrumbs a{color:var(--color-link)}.page-intro{padding-top:39px;padding-bottom:34px}.page-intro h1{font-size:60px;margin-top:13px;margin-bottom:18px}.page-intro>p:last-child{font-size:14px;line-height:1.85;color:var(--color-muted-foreground)}.library-tools{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-group{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{padding:8px 15px;border:1px solid transparent;border-radius:999px;color:var(--color-muted-foreground);font-size:11px;font-weight:700;background:transparent}.filter-chip:hover{background:var(--color-muted)}.filter-chip.active{background:var(--color-action);color:var(--color-action-text)}.small-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-input-border);border-radius:10px;padding:9px 13px;background:var(--color-surface);color:var(--color-foreground);font-size:11px;font-weight:700;white-space:nowrap}.result-count{font-size:10px;color:var(--color-muted-foreground);margin:23px 0}.library-grid{row-gap:26px}.library-callout{display:flex;align-items:center;gap:20px;background:var(--color-success-soft);border:1px solid var(--color-border);border-radius:22px;padding:27px 30px;margin-top:45px}.library-callout>svg{color:var(--color-success);flex-shrink:0}.library-callout h2{font-size:24px}.library-callout p{font-size:11px;color:var(--color-success);margin-top:7px}.library-callout>a{margin-left:auto}.article-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:40px 0 45px;border-bottom:1px solid var(--color-border)}.article-kicker{margin-top:22px;font-size:9px}.article-heading h1{font-size:53px;margin:11px 0 17px;line-height:1.08}.article-deck{font-size:13px;line-height:1.8;color:var(--color-muted-foreground);max-width:530px}.article-meta{display:flex;align-items:center;gap:16px;font-size:9px;color:var(--color-muted-foreground);margin-top:23px;flex-wrap:wrap}.article-meta>span:first-child{display:flex;align-items:center;gap:7px}.article-meta>span:nth-child(2){padding-left:16px;border-left:1px solid var(--color-border)}.article-meta button{border-radius:999px;font-size:9px}.article-hero{width:100%;aspect-ratio:1.25;-o-object-fit:cover;object-fit:cover;border-radius:28px}.reading-layout{display:grid;grid-template-columns:minmax(0,740px) 245px;gap:70px;max-width:1080px;margin:40px auto 0}.reading-body{font-size:14px;line-height:1.95;color:var(--color-muted-foreground)}.reading-body section{scroll-margin-top:100px}.reading-body h2{font-size:30px;margin:40px 0 15px;color:var(--color-foreground)}.reading-body h3{font-size:15px;font-weight:800;line-height:1.5}.reading-body p+p{margin-top:16px}.reading-body a{color:var(--color-link);font-weight:700;text-decoration:underline;text-underline-offset:4px}.quick-answer{padding:23px 26px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-success-soft)}.quick-answer>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--color-success);margin-bottom:9px}.quick-answer p{font-size:12px;line-height:1.9;color:var(--color-success)}.check-list{margin:20px 0;display:grid;gap:12px;padding:0;list-style:none}.check-list li{display:flex;align-items:start;gap:11px;font-size:12px}.check-list svg{flex-shrink:0;margin-top:4px;color:var(--color-success)}[data-tone] aside{border-radius:13px;font-size:12px;line-height:1.8}[data-tone=info] aside{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}[data-tone=info] svg{color:var(--color-info)}[data-tone=success] aside{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}[data-tone=success] svg{color:var(--color-success)}[data-tone=warning] aside{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}[data-tone=warning] svg{color:var(--color-warning)}[data-tone=danger] aside{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}[data-tone=danger] svg{color:var(--color-danger)}.step-row{display:flex;gap:19px;padding:22px 0;border-bottom:1px solid var(--color-border)}.step-row>b{font-family:Fredoka,sans-serif;color:var(--color-link);font-size:21px;line-height:1.4}.step-row p{font-size:12px;margin-top:6px}.reading-body details{border-radius:13px}.reading-body details summary{font-size:12px;padding-block:17px}.reading-body details>div{font-size:12px;line-height:1.85}.reading-sidebar{padding-top:0}.toc-nav>div{background:var(--color-surface);border-radius:17px;border-color:var(--color-border);padding:21px;top:96px}.toc-nav>div>p{font-size:9px;letter-spacing:.12em}.toc-nav li{font-size:11px;line-height:1.8;padding-bottom:7px}.toc-nav a{color:var(--color-muted-foreground)}.toc-nav a[data-active=true]{color:var(--color-link)}.sidebar-note{background:var(--color-muted-soft);border:1px solid var(--color-border);border-radius:17px;padding:21px;margin-top:23px;text-align:center}.sidebar-note img{margin:0 auto 12px;mix-blend-mode:multiply;border-radius:15px}.dark .sidebar-note img{mix-blend-mode:normal}.sidebar-note h3{font:500 21px/1.3 Fredoka,sans-serif}.sidebar-note p{font-size:10px;color:var(--color-muted-foreground);margin:10px 0 16px}.sidebar-note .text-link{font-size:10px}.source-note{display:flex;align-items:start;gap:12px;border-top:1px solid var(--color-border);padding-top:20px;margin-top:33px;font-size:10px}.source-note svg{flex-shrink:0;margin-top:3px}.article-page>.content-section{padding-top:65px}.system-page .page-intro{max-width:700px}.system-note{display:flex;gap:13px;align-items:center;max-width:730px;padding:16px 20px;background:var(--color-info-soft);color:var(--color-info);border-radius:12px;font-size:11px}.system-note svg{flex-shrink:0}.quiet-tag{font-size:10px;padding:7px 11px;background:var(--color-muted);color:var(--color-muted-foreground);border-radius:999px;white-space:nowrap}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.swatch{overflow:hidden}.swatch>div{height:114px;border-bottom:1px solid var(--color-border)}.swatch>section{padding:16px}.swatch h3{font-size:12px;font-weight:800}.swatch code{font-size:10px;display:block;margin-top:5px;color:var(--color-link)}.swatch p{font-size:9px;color:var(--color-muted-foreground);margin-top:9px}.component-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.specimen{padding:25px}.specimen h3{font:500 25px Fredoka,sans-serif}.specimen>p{font-size:11px;line-height:1.8;margin:10px 0 20px;color:var(--color-muted-foreground)}.button-sample{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:23px}.specimen .btn-primary,.specimen .btn-outline{font-size:10px;padding:11px 15px}.specimen>.text-link{font-size:10px}.specimen details{font-size:11px;border-radius:12px}.specimen details summary{font-size:11px}.specimen details>div{font-size:11px;line-height:1.9}.contrast-table{overflow:auto}.contrast-table table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.contrast-table th{background:var(--color-muted);font-size:9px;letter-spacing:.03em}.contrast-table td,.contrast-table th{padding:13px 20px;border-bottom:1px solid var(--color-border);white-space:nowrap}.contrast-table td{color:var(--color-muted-foreground)}.status-pass{display:inline-flex;align-items:center;gap:5px;color:var(--color-success);font-size:10px;font-weight:800}.system-caption{font-size:10px;color:var(--color-muted-foreground);line-height:1.9;margin-top:15px;max-width:780px}.legal-dialog{max-width:530px;margin:auto;padding:32px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);border-radius:22px}.legal-dialog::backdrop{background:color-mix(in srgb,var(--color-foreground) 35%,transparent)}.legal-dialog form{text-align:right}.legal-dialog h2{font-size:32px;margin:14px 0}.legal-dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:13px}#search-modal{background:var(--color-surface);color:var(--color-foreground);border-color:var(--color-border)}.pagefind-ui__drawer,.pagefind-ui__result{background:var(--color-surface)!important}::-moz-selection{background:var(--color-action);color:var(--color-action-text)}::selection{background:var(--color-action);color:var(--color-action-text)}@media(min-width:1024px){.reading-sidebar .toc-nav{position:sticky;top:96px}.reading-sidebar .toc-nav>div{position:static}}@media(max-width:1023px){.hero{grid-template-columns:1fr 1fr;gap:26px}.hero-art{height:410px}.hero h1{font-size:52px}.hero-search{font-size:10px;padding:13px}.hero-links{gap:14px}.hero-links .text-link{font-size:10px}.floating-note{left:-13px;width:245px}.floating-note strong{font-size:18px}.guide-card h3{font-size:20px}.reading-layout{grid-template-columns:1fr;gap:0}.reading-sidebar{grid-row:1}.reading-sidebar .sidebar-note{display:none}.toc-nav{margin-bottom:25px}.article-heading{gap:30px}.article-heading h1{font-size:43px}.field-note-section{gap:35px}.field-note-copy h2{font-size:32px}}@media(max-width:767px){.wrap{padding-left:20px;padding-right:20px}.review-bar{padding:8px 16px;display:block}.review-bar>span{display:none}.review-bar nav{gap:21px;justify-content:center;font-size:9px}.review-bar nav a{white-space:normal;text-align:center}.site-frame header>div{height:64px;padding:0 20px}.site-frame header a[aria-label]{font-size:19px}.site-frame header a[aria-label] span{display:inline;font-size:18px}.site-frame header a[aria-label] svg{width:21px}.site-frame header nav{justify-content:start}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:44px;gap:32px}.hero-copy{padding:0}.hero h1{font-size:53px;margin:17px 0 20px;max-width:330px}.hero-copy>.eyebrow{font-size:9px}.hero-description{font-size:13px;max-width:340px;line-height:1.9}.hero-search{font-size:11px;padding:15px;margin-top:21px;max-width:none}.hero-links{gap:16px;margin-top:18px}.hero-links>.btn-primary{padding:12px 15px;font-size:10px}.hero-links .text-link{font-size:9px}.hero-footnote{font-size:9px;margin-top:20px}.hero-art{height:345px;border-radius:105px 105px 24px 24px;margin:4px 8px 0}.world-image{border-radius:105px 105px 24px 24px;-o-object-position:50% center;object-position:50% center}.floating-note{bottom:24px;left:-8px;width:245px;padding-block:8px}.floating-note img{width:51px;height:51px}.floating-note strong{font-size:18px}.photo-credit{font-size:6px}.topics-wrap .section{padding:30px 20px}.topics-wrap h2{font-size:28px}.topics-wrap .section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topics-wrap .card{padding:15px;border-radius:16px}.topics-wrap .card>div>span:first-child{width:33px;height:33px;border-radius:10px}.topics-wrap .card>div>span:first-child svg{width:19px;height:19px}.topics-wrap .card>div>span:nth-child(2){font-size:8px}.topics-wrap .card h3{font-size:11px;line-height:1.5;margin-top:13px}.topics-wrap .card p{font-size:9px;line-height:1.8}.topics-wrap .card>span{font-size:9px}.topics-wrap .section>p{font-size:8px}.content-section{padding-top:40px}.section-heading{align-items:start;gap:15px;flex-direction:column;margin-bottom:22px}.section-heading h2{font-size:29px;line-height:1.2;max-width:330px}.eyebrow{font-size:8px}.section-heading>.text-link{font-size:10px}.guide-grid{grid-template-columns:1fr;gap:19px}.guide-image{aspect-ratio:1.75}.guide-card{border-radius:18px}.guide-card h3{font-size:23px}.guide-card-body{padding:20px}.guide-card-body>p:last-of-type{font-size:11px;max-width:100%}.guide-kind{font-size:8px}.read-guide{font-size:10px;margin-top:20px}.topic-chip{font-size:8px}.field-note-section{display:flex;flex-direction:column;gap:24px;margin-top:40px;padding-top:25px;padding-bottom:30px;align-items:stretch}.field-note-art{height:230px;border-radius:23px}.field-note-copy h2{font-size:31px}.field-note-copy>p:not(.eyebrow){font-size:11px}.closing-note{padding-top:28px;padding-bottom:10px}.closing-note h2{font-size:30px}.closing-note p{font-size:10px}footer{margin-top:40px!important}footer>div{padding:27px 20px!important}footer .grid{grid-template-columns:1fr 1fr;gap:25px}footer .grid>div:first-child{grid-column:span 2}footer>div>div>div:first-child>div{font-size:19px}.breadcrumbs{font-size:9px;padding-top:23px;gap:8px}.page-intro{padding-top:30px;padding-bottom:26px}.page-intro h1{font-size:44px}.page-intro>p:last-child{font-size:11px}.library-tools{align-items:stretch;flex-direction:column;gap:14px;padding-block:16px}.filter-group{gap:4px}.filter-chip{font-size:9px;padding:7px 11px}.library-tools .small-button{align-self:start;font-size:10px}.result-count{font-size:9px;margin-block:18px}.library-callout{align-items:start;flex-wrap:wrap;padding:22px;gap:12px}.library-callout h2{font-size:22px}.library-callout>div{flex:1}.library-callout p{font-size:10px}.library-callout>a{margin-left:42px;font-size:10px}.article-heading{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:28px;padding-bottom:28px}.article-heading h1{font-size:42px}.article-kicker{font-size:8px;margin-top:17px}.article-deck{font-size:11px}.article-meta{gap:10px;font-size:8px;margin-top:18px}.article-meta>span:nth-child(2){padding-left:10px}.article-hero{aspect-ratio:1.6;border-radius:20px}.reading-layout{margin-top:26px}.reading-body{font-size:12px;line-height:1.95}.reading-body h2{font-size:26px;margin-top:31px}.quick-answer{padding:19px}.quick-answer p{font-size:11px}.quick-answer>span{font-size:10px}.check-list li,.step-row p{font-size:11px}.step-row{gap:15px;padding-block:18px}.step-row h3{font-size:13px}.reading-body details summary{font-size:11px}.reading-body details>div{font-size:11px}.source-note{font-size:9px}.system-note{font-size:10px;padding:14px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.swatch>div{height:86px}.swatch>section{padding:13px}.swatch h3{font-size:11px}.swatch p{font-size:8px}.swatch code{font-size:9px}.component-two-col{grid-template-columns:1fr;gap:16px}.specimen{padding:21px}.specimen h3{font-size:24px}.quiet-tag{font-size:9px}.contrast-table td,.contrast-table th{padding:11px 13px;font-size:9px}.system-caption{font-size:9px}.legal-dialog{margin:20px;padding:24px}.legal-dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:767px){.site-frame header a[aria-label] span{white-space:nowrap}.site-frame header .ml-auto>details:first-of-type{display:none}}.site-frame header>div{height:88px}.site-frame header>div>a:first-child{flex-shrink:0}.site-frame header .brand-mark{position:relative;display:block!important;width:260px;height:76px;overflow:hidden;border-radius:10px}.brand-mark img{display:block;width:100%;max-width:none;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.field-note-art img{-o-object-fit:cover;object-fit:cover;border-radius:23px}.brand-mark .brand-logo-dark,.dark .brand-mark .brand-logo-light{display:none}.dark .brand-mark .brand-logo-dark{display:block}.guide-card[hidden]{display:none}.empty-state{padding:28px 0;color:var(--color-muted-foreground)}@media(max-width:767px){.site-frame header>div{height:72px}.site-frame header .brand-mark{width:clamp(140px,44vw,180px);height:54px}}.entry-points .section>div{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-grid .guide-image{aspect-ratio:2.1}.tone-adventures{color:var(--color-info);background:var(--color-info-soft)}.tone-events{color:var(--color-warning);background:var(--color-warning-soft)}.guide-directory{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.guide-directory a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700}.guide-directory a:hover{color:var(--color-link)}.guide-directory small{color:var(--color-muted-foreground);font-size:9px;font-weight:500}.home-faq-list{max-width:850px}.home-faq-list details{margin-block:12px;border-radius:16px}.home-faq-list summary{font-size:14px}.home-faq-list details>div{font-size:12px;line-height:1.9}.home-faq-list a,.draft-content a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.collection-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.sidebar-cross-link{display:block;margin-top:15px}.single-related{max-width:380px;grid-template-columns:1fr}.draft-content h2{scroll-margin-top:110px}.draft-content h3{font-family:Fredoka,sans-serif;font-size:24px;margin:26px 0 10px;line-height:1.25}.draft-content ul,.draft-content ol{padding-left:22px;margin:16px 0}.draft-content ul{list-style:disc}.draft-content ol{list-style:decimal}.draft-content li{margin-block:8px}.draft-content strong{font-weight:800;color:var(--color-foreground)}.draft-content table{display:block;width:100%;max-width:100%;overflow:auto;border-collapse:collapse;margin:20px 0;font-size:12px}.draft-content th,.draft-content td{border:1px solid var(--color-border);padding:12px 14px;text-align:left;min-width:90px}.draft-content th{background:var(--color-muted);color:var(--color-foreground)}.draft-content blockquote{border-left:3px solid var(--color-border);padding-left:18px;color:var(--color-muted-foreground);margin-block:22px}.draft-content em{font-size:12px}.draft-content :is(p,li,a){overflow-wrap:anywhere}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;align-items:start;padding-top:30px}.faq-group{margin-bottom:42px;scroll-margin-top:110px}.faq-group>h2{font-size:31px}.faq-group>p{font-size:12px;color:var(--color-muted-foreground);margin:10px 0 20px}.faq-answer{scroll-margin-top:110px}.faq-answer details{margin-block:11px;border-radius:16px}.faq-answer summary{font-size:13px;padding:18px 20px}.faq-answer details>div{font-size:12px;line-height:1.9}.faq-answer .draft-content p+p{margin-top:12px}.review-bar nav{gap:18px}@media(min-width:768px)and (max-width:1023px){.site-frame header .brand-mark{width:190px;height:65px}.site-frame header nav{gap:4px}.site-frame header nav a{padding:9px 12px}}@media(max-width:1023px){.faq-layout{grid-template-columns:1fr;gap:0}.faq-layout>aside{grid-row:1}}@media(max-width:767px){.review-bar nav{gap:12px;font-size:9px}.entry-points .section>div,.quest-grid{grid-template-columns:1fr}.entry-points .card h3{font-size:17px}.entry-points .card p{font-size:11px}.guide-directory{grid-template-columns:1fr;margin-top:20px}.guide-directory a{font-size:11px;padding:14px 0}.guide-directory small{font-size:8px}.quest-grid .guide-image{aspect-ratio:1.8}.home-faq-list summary{font-size:12px}.home-faq-list details>div{font-size:11px}.faq-group>h2{font-size:27px}.faq-group>p{font-size:11px}.faq-answer summary{font-size:12px;padding:15px 16px}.faq-answer details>div{font-size:11px}.draft-content h3{font-size:22px}.draft-content table{font-size:10px}.draft-content th,.draft-content td{padding:10px}.article-meta{flex-wrap:wrap}.sidebar-cross-link{margin-top:12px}}.is-panorama{position:relative}.is-panorama .review-bar{position:relative;z-index:60}.is-panorama .site-frame{position:relative;top:auto;height:0;z-index:40}.is-panorama .site-frame header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none}.is-panorama .site-frame header>div{height:108px}.is-panorama .site-frame .brand-mark{background:transparent;border:0;box-shadow:none}.is-panorama .site-frame .brand-mark img{filter:drop-shadow(0 2px 5px rgb(16 57 75 / .35))}.is-panorama .site-frame header nav{flex:0 1 auto;margin-inline:auto;padding:5px;border-radius:999px;background:#284c4673;border:1px solid rgb(255 255 255 / .3);backdrop-filter:blur(16px);gap:3px}.is-panorama .site-frame header nav a{color:#fffefa;padding:10px 22px;text-shadow:0 1px 10px rgb(17 53 63 / .3)}.is-panorama .site-frame header nav a:hover{background:#fff3}.is-panorama .site-frame header nav a[aria-current=page]{color:var(--color-link);background:var(--color-background);text-shadow:none}.is-panorama .site-frame header .ml-auto>button,.is-panorama .site-frame header .ml-auto>details>summary{color:#fffefa;background:#163f471f}.is-panorama .site-frame header .ml-auto{gap:7px}.panoramic-hero{--hero-white: #fffefa;--hero-ink: #315c24;--hero-paper: #fffaf3;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100svh;min-height:820px;max-height:1080px;overflow:hidden;background:#76bad1}.panoramic-scene{position:absolute;inset:0;z-index:-2}.panoramic-poster,.panoramic-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 53%;object-position:50% 53%}.panoramic-video{opacity:0;transition:opacity .8s ease}.panoramic-hero[data-motion=playing] .panoramic-video,.panoramic-hero[data-motion=paused] .panoramic-video[src]{opacity:1}.panoramic-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgb(15 51 68 / .32) 0%,rgb(15 51 68 / .17) 48%,transparent 76%),linear-gradient(180deg,rgb(16 57 75 / .26) 0%,rgb(20 62 75 / .1) 58%,rgb(38 70 50 / .06) 78%,transparent 90%)}.panoramic-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--color-background),transparent)}.panoramic-copy{width:min(1100px,100%);padding:112px 28px 140px;text-align:center;color:var(--hero-white)}.panoramic-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-shadow:0 2px 12px rgb(14 47 58 / .4);margin-bottom:20px}.panoramic-copy h1{color:var(--hero-white);font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(66px,6.5vw,100px);font-weight:600;line-height:1.01;letter-spacing:-.04em;margin:0;text-shadow:0 5px 25px rgb(17 51 68 / .25)}.panoramic-copy h1 span{display:block}.panoramic-description{font-size:15px;line-height:1.9;font-weight:500;margin:22px auto 26px;text-shadow:0 2px 9px rgb(13 43 56 / .55)}.panoramic-search{display:flex;align-items:center;gap:14px;max-width:560px;width:100%;min-height:60px;padding:15px 19px;margin-inline:auto;border:1px solid rgb(255 255 255 / .8);border-radius:999px;background:var(--hero-paper);color:#6d6255;text-align:left;font-size:12px;box-shadow:0 8px 30px #153a451a}.panoramic-search>svg{color:#a05328;flex-shrink:0}.panoramic-search>span{flex:1}.panoramic-search kbd{border:1px solid #d0c4ae;padding:3px 7px;font-size:9px;border-radius:7px;white-space:nowrap}.panoramic-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}.panoramic-primary,.panoramic-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 27px;border-radius:999px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.panoramic-primary{background:var(--hero-paper);color:var(--hero-ink);border:1px solid var(--hero-paper)}.panoramic-secondary{background:#2b4d3aa3;border:1px solid rgb(255 255 255 / .45);color:var(--hero-white);backdrop-filter:blur(12px);text-shadow:0 1px 6px rgb(23 59 50 / .3)}.panoramic-primary:hover,.panoramic-secondary:hover{transform:translateY(-2px)}.panoramic-primary:hover{background:#fff}.panoramic-secondary:hover{background:#2b4d3acc}.is-panorama .entry-points{border-top:0}.is-panorama #back-to-top[hidden]{display:none}.is-panorama .entry-points .section{border-top:0;padding-top:24px}@media(min-width:768px)and (max-width:1023px){.is-panorama .site-frame header nav a{padding-inline:14px}.is-panorama .site-frame header nav{margin-inline:auto}.is-panorama .site-frame header .ml-auto{gap:3px}.panoramic-copy h1{font-size:72px}}@media(max-width:767px){.is-panorama .site-frame header>div{height:90px;gap:8px}.is-panorama .site-frame .brand-mark{height:54px}.is-panorama .site-frame header .ml-auto{gap:4px}.panoramic-hero{min-height:790px;max-height:none;height:100svh}.panoramic-poster,.panoramic-video{-o-object-position:53% 50%;object-position:53% 50%}.panoramic-shade{background:linear-gradient(180deg,rgb(17 56 76 / .3),rgb(17 53 71 / .29) 45%,rgb(20 55 55 / .16) 80%,transparent)}.panoramic-copy{padding:115px 22px}.panoramic-kicker{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.panoramic-copy h1{font-size:clamp(44px,12vw,62px);line-height:1.05;letter-spacing:-.035em}.panoramic-copy h1 span:last-child{max-width:330px;margin-inline:auto}.panoramic-description{font-size:12px;line-height:1.9;margin:20px auto 24px;max-width:330px}.panoramic-desktop-break{display:none}.panoramic-search{min-height:56px;padding:14px;gap:10px;font-size:10px}.panoramic-search>svg{width:17px}.panoramic-search kbd{font-size:8px;padding:3px 5px}.panoramic-actions{gap:9px;margin-top:16px}.panoramic-primary,.panoramic-secondary{min-height:44px;padding:11px 19px;font-size:10px}}@media(prefers-reduced-motion:reduce){.panoramic-video{display:none}.panoramic-primary,.panoramic-secondary,.panoramic-video{transition:none}}