:root{--paper: oklch(.968 .013 79);--paper-2: oklch(.945 .017 76);--card: oklch(.993 .006 80);--ink: oklch(.245 .022 50);--ink-2: oklch(.37 .028 47);--muted: oklch(.47 .02 50);--faint: oklch(.575 .018 55);--rule: oklch(.86 .016 72);--rule-soft: oklch(.915 .012 75);--accent: oklch(.46 .13 24);--accent-strong: oklch(.4 .135 25);--accent-tint: oklch(.46 .13 24 / .09);--olive: oklch(.52 .06 122);--green: oklch(.55 .1 150);--c-ring: oklch(.46 .13 24 / .38);--maxw: 75rem;--radius: 8px;--radius-sm: 5px;--radius-lg: 12px;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4.5rem;--font-serif: "Bitter", Georgia, "Times New Roman", serif;--font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font: var(--font-sans);--font-display: var(--font-serif);--font-mono: var(--font-sans)}:root[data-theme=dark]{--paper: oklch(.205 .012 50);--paper-2: oklch(.245 .013 50);--card: oklch(.258 .014 50);--ink: oklch(.93 .012 82);--ink-2: oklch(.82 .014 78);--muted: oklch(.72 .014 72);--faint: oklch(.6 .014 65);--rule: oklch(.345 .014 50);--rule-soft: oklch(.29 .012 50);--accent: oklch(.66 .125 30);--accent-strong: oklch(.73 .115 32);--accent-tint: oklch(.66 .125 30 / .18);--olive: oklch(.66 .065 122);--green: oklch(.68 .11 152);--c-ring: oklch(.66 .125 30 / .4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.6;font-size:1.0625rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease;display:flex;flex-direction:column;min-height:100dvh}.container{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem);width:100%}main.container{flex:1 0 auto;padding-top:var(--s-7);padding-bottom:var(--s-8)}h1,h2,h3,h4{font-family:var(--font-serif);line-height:1.12;font-weight:700;color:var(--ink);letter-spacing:-.01em}h1{font-size:clamp(2.3rem,1.6rem + 3.4vw,3.7rem);font-weight:800;line-height:1.06;margin:0 0 var(--s-4)}h2{font-size:clamp(1.6rem,1.25rem + 1.5vw,2.2rem);margin:var(--s-7) 0 var(--s-3)}h3{font-size:1.3rem;margin:var(--s-5) 0 var(--s-2)}p{margin:0 0 var(--s-4)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}strong{font-weight:600}small{color:var(--muted)}article{max-width:42rem}article p,article li{font-size:1.12rem;line-height:1.7}article a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--accent-tint)}article a:hover{text-decoration-color:currentColor}blockquote{margin:var(--s-6) 0;padding:var(--s-1) 0 var(--s-1) var(--s-5);border-left:1px solid var(--rule);font-family:var(--font-serif);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--ink)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:var(--paper-2);border:1px solid var(--rule);padding:.08em .35em;border-radius:4px}hr{border:none;border-top:1px solid var(--rule);margin:var(--s-7) 0}main ul:not([class]),main ol:not([class]){padding-left:1.2rem;margin:0 0 var(--s-4)}main ul:not([class]) li,main ol:not([class]) li{margin:var(--s-1) 0}main ul:not([class]) li::marker{color:var(--accent)}.section-tag,.eyebrow,.kicker{display:inline-block;font-family:var(--font-sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s-5)}.card-grid{list-style:none;padding:0;margin:var(--s-6) 0;display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.card-grid>li{margin:0;background:var(--card);transition:background .15s ease}.card-grid>li:hover{background:var(--paper-2)}.card-grid>li>a{display:block;padding:var(--s-5);font-family:var(--font-serif);font-size:1.12rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.card-grid>li>a:hover{text-decoration:none;color:var(--accent)}.card-grid .meta{display:block;margin-top:var(--s-2);font-family:var(--font-sans);font-size:.92rem;font-weight:400;color:var(--muted);line-height:1.5;letter-spacing:0}.hero{margin:var(--s-4) 0 var(--s-7)}.hero .lead{font-size:1.2rem;color:var(--muted);max-width:40rem}.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:0 var(--s-5);border-radius:var(--radius-sm);font:inherit;font-family:var(--font-sans);font-weight:600;font-size:1rem;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .08s ease}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fcf8f1}.btn-primary:hover{background:var(--accent-strong);color:#fcf8f1}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.stat{display:inline-block;margin:var(--s-2) 0 var(--s-5);padding:var(--s-4) var(--s-6);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);font-family:var(--font-serif);font-size:clamp(1.7rem,1.2rem + 2.2vw,2.6rem);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.badge{display:inline-block;padding:.18rem .55rem;border-radius:4px;font-family:var(--font-sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-tint);color:var(--accent)}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:var(--s-5)}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.table-wrap{overflow-x:auto;margin:var(--s-6) 0;border:1px solid var(--rule);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{padding:var(--s-3) var(--s-4);text-align:left;border-bottom:1px solid var(--rule-soft)}thead th{background:var(--paper-2);font-family:var(--font-sans);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--ink);position:sticky;top:0}tbody td{font-size:1rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--accent-tint)}label{display:block;font-family:var(--font-sans);font-weight:600;color:var(--ink)}select,input,textarea{font:inherit;width:100%;min-height:46px;margin-top:var(--s-1);padding:var(--s-2) var(--s-3);color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}select:hover,input:hover{border-color:var(--ink-2)}:where(a,button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}select:focus-visible,input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--c-ring)}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule)}.site-header__inner{display:flex;align-items:baseline;gap:clamp(1.25rem,3vw,2.5rem);padding:var(--s-4) clamp(1.25rem,4vw,3rem)}.brand{font-family:var(--font-serif);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink);line-height:1}.brand:hover{text-decoration:none}.brand .dot{color:var(--accent)}.site-nav{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap;align-self:baseline}.site-nav a{font-family:var(--font-sans);color:var(--ink-2);font-weight:500;font-size:.98rem;padding:2px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.site-nav a:hover{text-decoration:none;color:var(--accent);border-color:var(--accent)}.site-nav a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.header-spacer{flex:1}.theme-toggle{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--rule);color:var(--muted);transition:background .15s ease,border-color .15s ease,color .15s ease}.theme-toggle:hover{background:var(--paper-2);border-color:var(--ink-2);color:var(--ink)}.theme-toggle svg{width:19px;height:19px}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.site-footer{flex-shrink:0;margin-top:var(--s-8);border-top:1px solid var(--rule);background:var(--card)}.site-footer__inner{padding:var(--s-7) clamp(1.25rem,4vw,3rem) var(--s-6)}.footer-cols{display:grid;gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.footer-cols h4{font-family:var(--font-sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:0 0 var(--s-3)}.footer-cols ul{list-style:none;padding:0;margin:0}.footer-cols li{margin:var(--s-2) 0}.footer-cols a{color:var(--ink-2)}.footer-cols a:hover{color:var(--accent)}.footer-bottom{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--rule-soft);color:var(--faint);font-size:.85rem;display:flex;gap:var(--s-4);flex-wrap:wrap;justify-content:space-between}.lead{font-size:1.18rem;color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.page-head{margin:0 0 var(--s-6)}.page-head .kicker{margin-bottom:var(--s-3)}.page-head h1{margin:0 0 var(--s-3)}.page-head__lead{max-width:46rem;margin:0}.index{list-style:none;margin:var(--s-6) 0;padding:0}.index__row{border-top:1px solid var(--rule)}.index__row:last-child{border-bottom:1px solid var(--rule)}.index__row a{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--s-2) clamp(1rem,3vw,2.5rem);padding:clamp(1rem,2.2vw,1.5rem) var(--s-2);color:var(--ink);transition:background .14s ease,padding-left .18s ease}.index__row a:hover{text-decoration:none;background:var(--paper-2);padding-left:var(--s-4)}.index__num{font-family:var(--font-serif);font-weight:700;font-size:1.05rem;color:var(--faint);font-variant-numeric:tabular-nums}.index__name{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);letter-spacing:-.01em;color:var(--ink)}.index__row a:hover .index__name{color:var(--accent)}.index__icon{width:26px;height:26px;flex:none;color:var(--faint);transition:color .14s ease}.index__row a:hover .index__icon{color:var(--accent)}.index__desc{grid-column:2;color:var(--muted);font-size:1rem}.index__go{color:var(--accent);font-size:1.2rem;align-self:center}.contents{list-style:none;margin:var(--s-6) 0;padding:0}.contents__row{border-top:1px solid var(--rule)}.contents__row:last-child{border-bottom:1px solid var(--rule)}.contents__row a{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:clamp(1rem,3vw,2.5rem);padding:var(--s-4) var(--s-2);color:var(--ink);transition:background .14s ease}.contents__row a:hover{text-decoration:none;background:var(--paper-2)}.contents__num{font-family:var(--font-serif);font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.contents__title{display:block;font-family:var(--font-serif);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--ink)}.contents__row a:hover .contents__title{color:var(--accent)}.contents__meta{display:block;color:var(--muted);font-size:.95rem;margin-top:3px;max-width:46rem}.contents__go{color:var(--accent);font-size:1.15rem;align-self:center}.tool{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(1.25rem,3vw,1.75rem);display:grid;gap:var(--s-4);max-width:38rem}.tool--wide{max-width:46rem}.tool__label{display:block;font-family:var(--font-sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:var(--s-2)}.tool__answer{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-4) var(--s-5);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-sm)}.tool__answer-num{font-family:var(--font-serif);font-weight:800;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);line-height:1;color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tool__answer-unit{font-family:var(--font-serif);font-size:1.2rem;color:var(--ink)}.tool__answer-label{font-family:var(--font-sans);color:var(--muted);font-size:1rem}.tool__note{margin:0;font-size:.92rem;color:var(--muted)}.tool__clock{font-family:var(--font-serif);font-weight:800;font-size:clamp(3rem,2rem + 6vw,5rem);line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center}.tool__clock.is-done{color:var(--green)}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{font-family:var(--font-sans);font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--rule);background:transparent;color:var(--ink-2);transition:all .14s ease}.chip:hover{border-color:var(--ink-2)}.chip.is-active,.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fcf8f1}.chip:disabled{cursor:default}.btn-sm{min-height:40px;padding:0 var(--s-4);font-size:.92rem}main>p,main>h2,main>h3,main>ul:not([class]),main>ol:not([class]){max-width:48rem}.faq{max-width:48rem;margin:var(--s-7) 0}.faq h2{margin:0 0 var(--s-4)}.faq__item{padding:var(--s-4) 0;border-top:1px solid var(--rule-soft)}.faq__item:first-child{border-top:1px solid var(--rule)}.faq__item:last-child{border-bottom:1px solid var(--rule)}.faq dl{margin:0}.faq dt{font-family:var(--font-serif);font-weight:700;font-size:1.18rem;color:var(--ink)}.faq dd{margin:var(--s-2) 0 0;color:var(--muted);line-height:1.65}.article-meta{font-family:var(--font-sans);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:0 0 var(--s-2)}article>h1{margin-bottom:var(--s-3)}.article-dek{font-size:1.25rem;color:var(--muted);line-height:1.5;margin:0 0 var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--rule-soft)}.article-back{margin-top:var(--s-7)}.notfound{text-align:center;max-width:38rem;margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 0}.notfound h1{margin:var(--s-3) 0}.notfound .lead{margin:0 auto var(--s-6)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
