:root{--bg:#f6f4ef;--text:#1f2933;--muted:#667085;--accent:#285c4d;--light:#dfeae5;--card:white;--line:#e4e0d8;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.78 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}
a{color:var(--accent);text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}
.site-head{background:rgba(246,244,239,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(9px)}
.head-inner{width:min(1060px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:-.025em;font-size:16px}.brand img{height:29px;width:29px;object-fit:contain}
.site-head nav{display:flex;gap:20px;font-size:14px}.site-head nav a{text-decoration:none;color:#536273}.site-head nav a:hover{color:var(--accent)}
.page{max-width:1060px;margin:0 auto;padding:40px 24px 80px}.crumb{font-size:13px;color:var(--muted);margin-bottom:32px}.crumb a{color:var(--muted)}
article{max-width:810px;margin:0 auto}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;margin:0 0 15px}
h1{font-size:clamp(2.1rem,4.4vw,3.35rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px;font-weight:750;hyphens:auto}
.subtitle{font-size:1.23rem;line-height:1.48;color:#3b4a56;margin:0 0 25px;max-width:730px}
.byline{font-size:14px;color:var(--muted);margin:0 0 30px}.divider{border:0;border-top:1px solid var(--line);margin:35px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 38px}.action{display:inline-block;padding:11px 17px;font-weight:650;text-decoration:none;font-size:14px;border:1px solid var(--accent);border-radius:8px}.action.primary{background:var(--accent);color:white}.action.secondary{color:var(--accent);background:transparent}
.article-content{font-size:1.052rem;line-height:1.82}.article-content p{margin:0 0 1.28em}.article-content h2{font-size:1.52rem;line-height:1.32;letter-spacing:-.022em;margin:2em 0 .72em;color:#203f37;scroll-margin-top:90px}.article-content h3{font-size:1.15rem;line-height:1.4;margin:1.65em 0 .5em;scroll-margin-top:90px}
.article-content p.bullet{padding-left:19px;position:relative}.article-content p.bullet::first-letter{color:var(--accent)}.article-content .keywords{font-size:.89rem;color:var(--muted);margin:20px 0}
.article-content .references{border-top:1px solid var(--line);padding-top:20px;margin-top:43px}.references p{font-size:.92rem;color:#45535f;line-height:1.65;overflow-wrap:anywhere}
.toc{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:22px 26px;margin:0 0 38px}.toc strong{color:#254c3f;font-size:14px}.toc ul{list-style:none;margin:10px 0 0;padding:0;columns:2;column-gap:28px}.toc li{break-inside:avoid;margin:5px 0;font-size:14px;line-height:1.6}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.related{border-top:1px solid var(--line);margin-top:56px;padding-top:18px}.related h2{font-size:1.2rem}.related ul{padding-left:22px}.related li{padding-bottom:8px}.site-footer{border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--muted);padding:30px 15px}
@media(max-width:700px){.page{padding:26px 18px 60px}.site-head nav{gap:10px;font-size:13px}.brand{font-size:14px}.toc ul{columns:1}h1{font-size:2.05rem}.subtitle{font-size:1.1rem}.article-content{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}