:root{--ink:#17201f;--muted:#56615f;--paper:#f7f7f3;--panel:#fff;--line:#cbd1cd;--red:#a4342d;--green:#245f4b;--gold:#d0a23c;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}a{color:#155846;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:10}header{background:#14201e;color:#fff}.brand{max-width:var(--max);margin:auto;padding:14px 24px;font-weight:800;letter-spacing:0}.brand span{color:#f2c35b}main{max-width:var(--max);margin:auto}.first{padding:34px 24px 26px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow{color:#f3c761;font-weight:800;margin:0 0 8px}.first h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.03;margin:0 0 14px;letter-spacing:0}.first p{margin:.55rem 0}.quick{border-left:4px solid var(--gold);padding-left:14px}.hero{margin:0}.hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #53605d}.hero figcaption{font-size:.78rem;color:#d7dfdc;margin-top:5px}.jump{display:inline-block;background:#f2c35b;color:#17201f;font-weight:800;text-decoration:none;padding:10px 14px;margin-top:8px;border-radius:4px}nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:4;overflow-x:auto}nav ul{max-width:var(--max);margin:auto;padding:8px 24px;display:flex;gap:20px;list-style:none;white-space:nowrap}section{padding:40px 24px;scroll-margin-top:58px}section:nth-of-type(even){background:#eef1ed}h2{font-family:Georgia,serif;font-size:2rem;line-height:1.15;margin:0 0 12px}h3{font-size:1.25rem;margin:0 0 8px}.lede{font-size:1.12rem;max-width:780px}.lane-grid,.definitions,.recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lane,.term,.rec,.utility{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--green);padding:18px;border-radius:6px}.term summary{font-weight:800;cursor:pointer}.term p{font-size:.94rem}.term strong{color:var(--green)}.warning{border-left:4px solid var(--red);background:#fff3f1;padding:14px}.comparison-wrap,.details-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}caption{text-align:left;font-weight:700;padding:12px;background:#e2e8e4}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}th{background:#263c37;color:#fff}.badge{display:inline-block;background:#e4efe9;color:#164b3b;font-weight:800;padding:3px 8px;border-radius:3px}.rec:nth-child(2n){border-top-color:var(--red)}.rec ul{padding-left:20px}.rec dt{font-weight:800;color:var(--green)}.rec dd{margin:0 0 8px}.steps{counter-reset:item;padding:0;list-style:none}.steps li{counter-increment:item;margin:12px 0;padding-left:42px;position:relative}.steps li:before{content:counter(item);position:absolute;left:0;top:0;background:var(--red);color:#fff;width:28px;height:28px;text-align:center;border-radius:50%;font-weight:800}.source-list li{margin:.65rem 0}.meta{color:var(--muted);font-size:.9rem}footer{background:#14201e;color:#dbe2df;padding:28px 24px}footer p{max-width:var(--max);margin:auto}@media(max-width:760px){.first{grid-template-columns:1fr;padding-top:22px}.first h1{font-size:2.28rem}.hero{grid-row:2}.hero img{max-height:250px}.lane-grid,.definitions,.recs{grid-template-columns:1fr}section{padding:34px 18px}nav ul{padding-inline:18px}h2{font-size:1.7rem}.details-wrap table{min-width:0}.details-wrap thead{display:none}.details-wrap tr{display:block;padding:10px;border-bottom:8px solid var(--paper)}.details-wrap td{display:grid;grid-template-columns:minmax(112px,40%) minmax(0,1fr);gap:10px;border:0;padding:7px 10px;overflow-wrap:anywhere}.details-wrap td:before{content:attr(data-label);font-weight:800;color:#245f4b}}
@media(max-width:760px){.first{padding-top:18px}.hero{grid-row:auto;order:-1}.hero img{max-height:230px}}
.hero figcaption{color:#46514f}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}