:root{--forest:#173d31;--forest-2:#295c4b;--cream:#f4f0df;--paper:#fffdf4;--ink:#1d2924;--muted:#607069;--line:#cfc8ad;--gold:#b7803c;--shadow:0 14px 38px rgba(23,61,49,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Songti SC","STSong",serif;line-height:1.72;overflow-x:hidden}
a{color:inherit;text-underline-offset:.2em}img{display:block;max-width:100%;height:auto}button,textarea{font:inherit}.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--forest);color:#fff;padding:.6rem 1rem;z-index:20}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.2rem;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(244,240,223,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.wordmark{text-decoration:none;display:grid;line-height:1.1}.wordmark span{font:700 .68rem/1.1 system-ui;letter-spacing:.16em;color:var(--forest-2)}.wordmark strong{font-size:1.25rem}#site-nav{margin-left:auto}#site-nav ul{display:flex;gap:.3rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:flex-end}#site-nav a{display:block;text-decoration:none;padding:.4rem .6rem;border-radius:999px;font:650 .82rem/1.2 system-ui}#site-nav a:hover,#site-nav a:focus{background:var(--forest);color:#fff}.nav-toggle{display:none;border:1px solid var(--forest);background:transparent;border-radius:999px;padding:.42rem .75rem}
main{width:min(1180px,calc(100% - 2rem));margin:auto;min-width:0}.breadcrumbs{font:600 .78rem/1.4 system-ui;color:var(--muted);padding:1rem 0}.breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;gap:.7rem;flex-wrap:wrap}.breadcrumbs li+li:before{content:"/";margin-right:.7rem;color:var(--gold)}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(1.2rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,5vw,5rem) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-copy,.hero-figure{min-width:0}.eyebrow{margin:0 0 .7rem;color:var(--forest-2);font:750 .72rem/1.3 system-ui;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,8vw,6.6rem);line-height:.94;letter-spacing:-.04em;margin:.25rem 0 1.3rem;overflow-wrap:anywhere}.lede{font-size:clamp(1.05rem,2vw,1.38rem);max-width:40rem}.status-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.status-row span{font:650 .76rem/1.3 system-ui;border:1px solid var(--line);background:var(--paper);padding:.45rem .65rem}.hero-figure{margin:0;background:var(--forest);padding:1rem;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-figure img{background:var(--paper);aspect-ratio:3/2}.hero-figure figcaption{color:#e8efe8;font-size:.82rem;padding:.7rem .2rem 0}
.journal{display:grid;gap:1rem;padding:clamp(2rem,6vw,6rem) 0}.journal-section{background:var(--paper);border:1px solid var(--line);padding:clamp(1.2rem,3vw,2.5rem);box-shadow:0 5px 0 rgba(23,61,49,.04);min-width:0}.journal-section h2{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.16;margin:.2rem 0 1rem}.journal-section p{max-width:72ch}.definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.definition-grid article{border-top:4px solid var(--forest);background:#f5f1e3;padding:1.2rem;min-width:0}.definition-grid span{font:700 .72rem/1.2 system-ui;color:var(--gold)}.definition-grid h3{margin:.5rem 0;font-size:1.12rem}
.method-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;background:var(--forest);color:#f7f3e5}.method-sheet .eyebrow{color:#e7bd83}.method-sheet h2{font-size:1.45rem}.caution{border-left:8px solid var(--gold)}.related ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:.75rem}.related a{display:grid;gap:.4rem;height:100%;padding:1rem;border:1px dashed var(--forest-2);text-decoration:none}.related span{color:var(--muted);font-size:.88rem}.image-note{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:2rem;align-items:center}.image-note img{background:#e8e2cb}
.demo{background:#e8efdf}.demo label{display:block;font-weight:700}.demo textarea{width:100%;max-width:50rem;padding:.8rem;border:1px solid var(--forest);background:#fff}.demo button,.check-grid button{border:1px solid var(--forest);background:var(--paper);padding:.65rem .8rem;margin:.5rem .4rem .5rem 0}.check-grid button[aria-pressed="true"]{background:var(--forest);color:#fff}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.comparison article{background:var(--paper);padding:1rem;border:1px solid var(--line)}
.site-footer{background:#102b23;color:#edf1e8;padding:3rem max(1rem,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.site-footer nav{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.site-footer>p{grid-column:1/-1;border-top:1px solid #45675b;padding-top:1rem;color:#c5d1cb}
@media(max-width:820px){.site-header{align-items:flex-start}.nav-toggle{display:block;margin-left:auto}#site-nav{position:absolute;left:1rem;right:1rem;top:4.2rem;background:var(--paper);border:1px solid var(--line);padding:.8rem;box-shadow:var(--shadow);display:none}#site-nav[data-open="true"]{display:block}#site-nav ul{display:grid;grid-template-columns:repeat(2,1fr);justify-content:stretch}.hero{grid-template-columns:1fr}.definition-grid,.method-sheet,.related ul{grid-template-columns:1fr}.image-note{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
@media(max-width:420px){main{width:min(100% - 1rem,1180px)}.site-header{padding:.7rem}.hero h1{font-size:2.6rem}.journal-section{padding:1rem}.status-row span{width:100%}#site-nav{left:.5rem;right:.5rem}#site-nav ul{grid-template-columns:1fr}.hero-figure{padding:.6rem}.site-footer{padding:2rem .8rem}}