:root{--color-bg:#fbfaf6;--color-surface:#fff;--color-surface-alt:#f3f0e9;--color-ink:#152238;--color-ink-soft:#3c4a61;--color-muted:#5d6b84;--color-line:#e4dfd5;--color-line-strong:#cfc8b9;--color-accent:#1e4fa3;--color-accent-strong:#17407f;--color-accent-soft:#eaf0fa;--color-warn-ink:#7a4f00;--color-warn-bg:#fdf5e6;--color-warn-line:#ecd9b0;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-md:1.1875rem;--text-lg:clamp(1.3rem, 1.2rem + .5vw, 1.55rem);--text-xl:clamp(1.55rem, 1.35rem + 1vw, 2rem);--text-2xl:clamp(1.95rem, 1.6rem + 1.7vw, 2.75rem);--leading-body:1.65;--leading-tight:1.22;--container:71rem;--narrow:46rem;--measure:41rem;--radius:4px;--shadow-none:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:-.012em;margin:0 0 var(--s-4);text-wrap:balance;font-weight:700}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0 0 var(--s-4)}a{color:var(--color-accent);text-underline-offset:.16em;text-decoration-thickness:1px}a:hover{color:var(--color-accent-strong)}img,svg,video{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 var(--s-4);padding-left:1.35rem}li{margin-bottom:var(--s-1)}hr{border:0;border-top:1px solid var(--color-line);margin:var(--s-6) 0}button{font:inherit}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.container{width:100%;max-width:var(--container);padding-inline:var(--s-4);margin-inline:auto}@media (width>=48rem){.container{padding-inline:var(--s-6)}}.narrow{max-width:var(--narrow)}.section{padding-block:var(--s-7)}.section+.section{border-top:1px solid var(--color-line)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.section-title{font-size:var(--text-lg);margin:0}.section-desc{margin:var(--s-2) 0 0;color:var(--color-muted);font-size:var(--text-sm);max-width:46ch}.page-header{padding-block:var(--s-7) var(--s-6);border-bottom:1px solid var(--color-line)}.page-header .lede{max-width:58ch}.grid-cards{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));display:grid}.grid-cards--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr))}.eyebrow{font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--s-3);font-weight:600;display:block}.lede{font-size:var(--text-md);color:var(--color-ink-soft);margin-bottom:var(--s-4);line-height:1.6}.muted{color:var(--color-muted)}.text-sm{font-size:var(--text-sm)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius);min-height:44px;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;padding:.6rem 1.15rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-strong);color:#fff}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-line-strong);color:var(--color-ink)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn[disabled],.btn-disabled{background-color:var(--color-surface-alt);border-color:var(--color-line);color:var(--color-muted);cursor:not-allowed;pointer-events:none}.btn-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.card{gap:var(--s-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--s-5);flex-direction:column;transition:border-color .15s;display:flex}.card:hover{border-color:var(--color-line-strong)}.card-title{font-size:var(--text-md);margin:0;line-height:1.35}.card-title a{color:var(--color-ink);text-decoration:none}.card:hover .card-title a{color:var(--color-accent)}.card-title a:after{content:"";position:absolute;inset:0}.card{position:relative}.card p{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0}.card-meta{align-items:center;gap:var(--s-2) var(--s-3);font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;margin-top:auto;display:flex}.card-visual{aspect-ratio:16/9;background-color:var(--color-surface-alt);border:1px solid var(--color-line);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;color:var(--color-muted);justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.card-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.category-card{gap:var(--s-2);padding:var(--s-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-ink);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex}.category-card:hover{border-color:var(--color-accent);color:var(--color-ink)}.category-card:hover .category-card__title{color:var(--color-accent)}.category-card__title{font-size:var(--text-md);margin:0;font-weight:700}.category-card__desc{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0}.category-card__count{padding-top:var(--s-3);font-size:var(--text-xs);color:var(--color-muted);margin-top:auto}.skip-link{left:var(--s-4);top:var(--s-2);z-index:100;background:var(--color-ink);color:#fff;padding:var(--s-2) var(--s-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{color:#fff;transform:translateY(0)}.site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-line)}.header-inner{align-items:center;gap:var(--s-3) var(--s-5);padding-block:var(--s-3);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:var(--s-2);color:var(--color-ink);font-weight:700;font-size:var(--text-md);letter-spacing:-.02em;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-accent)}.brand__tag{font-size:var(--text-xs);color:var(--color-muted);letter-spacing:0;font-weight:500}.nav-toggle{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius);min-height:44px;font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;align-items:center;margin-left:auto;padding:.45rem .85rem;font-weight:600;display:none}.nav-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.site-nav{border-top:1px solid var(--color-line);width:100%;padding-top:var(--s-2)}.nav-list{gap:var(--s-1) var(--s-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-list a{padding:var(--s-2) 0;color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:inline-block}.nav-list a:hover{color:var(--color-accent)}.nav-list a[aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -2px 0 0 var(--color-accent)}@media (width>=56rem){.site-nav{border-top:0;width:auto;margin-left:auto;padding-top:0}.nav-list{gap:var(--s-5);flex-wrap:nowrap}}@media (width<=55.999rem){.js .nav-toggle{display:inline-flex}.js .site-nav{border-top:1px solid var(--color-line);margin-top:var(--s-2);padding-top:var(--s-2);display:none}.js .site-nav[data-open=true]{display:block}.js .nav-list{flex-direction:column;gap:0}.js .nav-list a{padding:var(--s-3) 0;font-size:var(--text-base)}}.site-footer{margin-top:var(--s-8);border-top:1px solid var(--color-line);background-color:var(--color-surface-alt)}.footer-grid{gap:var(--s-6);padding-block:var(--s-7) var(--s-6);grid-template-columns:1fr;display:grid}@media (width>=48rem){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-about{max-width:38ch;font-size:var(--text-sm);color:var(--color-ink-soft)}.footer-heading{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--s-3);font-weight:700}.footer-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.footer-list a{color:var(--color-ink-soft);font-size:var(--text-sm);text-decoration:none}.footer-list a:hover{color:var(--color-accent);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-line);padding-block:var(--s-4) var(--s-6);gap:var(--s-3);font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;display:flex}.footer-bottom p{max-width:62ch;margin:0}.breadcrumbs{padding-block:var(--s-4) 0;font-size:var(--text-xs)}.breadcrumbs ol{gap:var(--s-1);color:var(--color-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:after{content:"/";margin-left:var(--s-1);color:var(--color-line-strong)}.breadcrumbs li:last-child:after{content:none}.breadcrumbs a{color:var(--color-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-accent);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--color-ink-soft)}.badge{border:1px solid var(--color-line-strong);font-size:var(--text-xs);color:var(--color-ink-soft);background:var(--color-surface);border-radius:999px;padding:.15rem .5rem;font-weight:600;line-height:1.5;display:inline-block}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-strong);border-color:#c3d3ef}.badge--warn{background:var(--color-warn-bg);border-color:var(--color-warn-line);color:var(--color-warn-ink)}.meta-row{align-items:center;gap:var(--s-2) var(--s-4);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.meta-row strong{color:var(--color-ink-soft);font-weight:600}.tag-list{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag-list a{text-decoration:none}.hero{padding-block:var(--s-8) var(--s-7);border-bottom:1px solid var(--color-line)}.hero h1{max-width:20ch}.hero .lede{max-width:54ch;font-size:var(--text-md)}.search{max-width:40rem;margin-top:var(--s-5)}.search-form{gap:var(--s-2);flex-wrap:wrap;display:flex}.search-field{flex:16rem;display:flex;position:relative}.search-input{width:100%;min-height:48px;font:inherit;font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius);padding:.65rem .9rem}.search-input::placeholder{color:var(--color-muted)}.search-input:focus-visible{border-color:var(--color-accent)}.search-clear{background:var(--color-surface-alt);border:1px solid var(--color-line);border-radius:var(--radius);min-height:36px;font-size:var(--text-xs);color:var(--color-ink-soft);cursor:pointer;padding:.2rem .6rem;font-weight:600;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.search-clear:hover{border-color:var(--color-accent);color:var(--color-accent)}.search-status{margin:var(--s-3) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.search-results{margin:var(--s-3) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.search-results a{padding:var(--s-3) var(--s-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-ink);text-decoration:none;display:block}.search-results a:hover{border-color:var(--color-accent)}.search-results a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search-result__title{font-weight:600;font-size:var(--text-base);display:block}.search-result__meta{font-size:var(--text-xs);color:var(--color-muted);margin-top:.15rem;display:block}.search-hint{margin-top:var(--s-3);font-size:var(--text-xs);color:var(--color-muted)}.search-hint a{color:var(--color-muted)}.download-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--s-5);gap:var(--s-4);display:grid}.download-panel__grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));display:grid}.download-item dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);margin-bottom:.15rem}.download-item dd{font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:600}.notice{border:1px solid var(--color-line);border-left:3px solid var(--color-accent);background:var(--color-surface);border-radius:var(--radius);padding:var(--s-4);font-size:var(--text-sm);color:var(--color-ink-soft)}.notice p:last-child{margin-bottom:0}.notice--warn{border-left-color:var(--color-warn-line);background:var(--color-warn-bg);border-color:var(--color-warn-line);color:var(--color-warn-ink)}.steps{gap:var(--s-4);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--s-5);margin:0}.steps li:before{content:counter(step);width:1.9rem;height:1.9rem;margin-bottom:var(--s-3);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.steps h3{font-size:var(--text-base);margin-bottom:var(--s-2)}.steps p{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0}.empty-state{border:1px dashed var(--color-line-strong);border-radius:var(--radius);padding:var(--s-6) var(--s-5);text-align:center;color:var(--color-muted);background:var(--color-surface)}.empty-state h3{font-size:var(--text-md);color:var(--color-ink);margin-bottom:var(--s-2)}.empty-state p{margin:0 auto var(--s-3);max-width:46ch;font-size:var(--text-sm)}.related{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.related li{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--s-4);margin:0}.related a{font-weight:600;font-size:var(--text-sm);color:var(--color-ink);text-decoration:none}.related a:hover{color:var(--color-accent)}.related .related__meta{margin-top:var(--s-1);font-size:var(--text-xs);color:var(--color-muted);display:block}.article-header{padding-block:var(--s-6) var(--s-5);border-bottom:1px solid var(--color-line);max-width:var(--measure)}.detail-layout{gap:var(--s-6);padding-block:var(--s-6);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=60rem){.detail-layout{grid-template-columns:minmax(0,1fr) 21rem}.detail-aside{top:var(--s-4);position:sticky}}.article-body{padding-block:var(--s-6)}.resource-preview{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-line);border-radius:var(--radius);width:100%;max-width:100%;margin-bottom:var(--s-5)}.article-footer{border-top:1px solid var(--color-line);padding-top:var(--s-5)}.prose{max-width:var(--measure);font-size:var(--text-base);line-height:1.7}.prose>:first-child{margin-top:0}.prose h2{font-size:var(--text-lg);margin-top:var(--s-7)}.prose h3{font-size:var(--text-md);margin-top:var(--s-6)}.prose a{color:var(--color-accent)}.prose strong{color:var(--color-ink)}.prose blockquote{margin:var(--s-5) 0;padding:var(--s-2) 0 var(--s-2) var(--s-4);border-left:3px solid var(--color-accent);color:var(--color-ink-soft)}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);background:var(--color-surface-alt);border:1px solid var(--color-line);border-radius:3px;padding:.1em .35em;font-size:.9em}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-bottom:var(--s-5)}.prose th,.prose td{border:1px solid var(--color-line);padding:var(--s-2) var(--s-3);text-align:left}.prose th{background:var(--color-surface-alt)}.prose img{border:1px solid var(--color-line);border-radius:var(--radius)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}