@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400 700;src:url("/fonts/source-serif-4-normal.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;src:url("/fonts/source-serif-4-italic.woff2") format("woff2");font-display:swap}
@font-face{font-family:"IBM Plex Sans Condensed";font-style:normal;font-weight:400;src:url("/fonts/plex-condensed-400.woff2") format("woff2");font-display:swap}
@font-face{font-family:"IBM Plex Sans Condensed";font-style:normal;font-weight:600;src:url("/fonts/plex-condensed-600.woff2") format("woff2");font-display:swap}

:root{
  --ink:#14181c;--ink-2:#20262b;--paper:#f5f2eb;--white:#fff;--muted:#565d63;
  --line:#cbc5b9;--line-light:#e5e0d7;--copper:#a44a1e;--copper-dark:#78320f;
  --green:#2f5d50;--blue:#33507a;--serif:"Source Serif 4",Georgia,serif;
  --sans:"IBM Plex Sans Condensed","Arial Narrow",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.62 var(--serif);text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;font-weight:700;line-height:1.08;letter-spacing:-.018em}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.35em;padding-left:1.35em}
li+li{margin-top:.55em}
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip{position:fixed;z-index:1000;left:16px;top:-60px;background:var(--paper);padding:10px 15px;font:600 15px var(--sans)}
.skip:focus{top:14px}
.site-head{position:relative;z-index:10;border-bottom:1px solid rgba(245,242,235,.16);background:var(--ink);color:var(--paper)}
.site-head .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:600 18px var(--sans);letter-spacing:.025em}
.brand-mark{display:grid;gap:3px;width:24px}.brand-mark i{display:block;height:3px;background:var(--copper)}.brand-mark i:nth-child(2){width:68%;opacity:.72}.brand-mark i:nth-child(3){width:38%;opacity:.45}
.site-nav{display:flex;gap:22px;align-items:center;font:400 15px var(--sans)}
.site-nav a{text-decoration:none;color:#d3cec4}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}
.nav-cta{border:1px solid #a89f90;padding:8px 13px}

.hero{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;padding:76px 0 84px}
.hero::before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(164,74,30,.3);border-radius:50%;right:-180px;top:-310px;box-shadow:0 0 0 70px rgba(164,74,30,.025),0 0 0 150px rgba(164,74,30,.02)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:80px;align-items:end}
.eyebrow,.label{font:600 14px/1.2 var(--sans);letter-spacing:.085em;text-transform:uppercase;color:#c58b66}
.hero h1{font-size:clamp(42px,6.2vw,72px);max-width:14ch;margin-top:19px}
.hero-lead{font-size:clamp(20px,2.2vw,25px);line-height:1.45;color:#c9c3b8;max-width:60ch;margin-top:25px}
.hero-card{border-top:3px solid var(--copper);padding-top:23px}
.hero-card dl{display:grid;gap:17px;margin:0}.hero-card div{border-bottom:1px solid rgba(245,242,235,.15);padding-bottom:14px}
.hero-card dt{font:600 13px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#8e877b}.hero-card dd{margin:5px 0 0;font-size:17px}

.breadcrumbs{border-bottom:1px solid var(--line-light);font:400 14px var(--sans)}
.breadcrumbs ol{list-style:none;padding:15px 0;margin:0;display:flex;gap:9px;flex-wrap:wrap}.breadcrumbs li+li::before{content:"/";color:#9a9387;margin-right:9px}.breadcrumbs a{color:var(--muted)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:72px;justify-content:center;padding:76px 0 96px}
.toc{align-self:start;position:sticky;top:25px;border-top:3px solid var(--ink);padding-top:15px;font:400 15px/1.4 var(--sans)}
.toc p{font-weight:600;margin-bottom:12px}.toc ol{list-style:none;padding:0;margin:0}.toc li+li{margin-top:0}.toc a{display:block;padding:7px 0;text-decoration:none;color:var(--muted);border-bottom:1px solid var(--line-light)}.toc a:hover,.toc a:focus-visible{color:var(--copper)}
.article h2{font-size:clamp(30px,4vw,43px);margin:2.1em 0 .65em;scroll-margin-top:26px}.article>h2:first-child{margin-top:0}
.article h3{font-size:24px;margin:1.55em 0 .5em}
.article .definition{font-size:23px;line-height:1.48;border-left:4px solid var(--copper);padding-left:24px;margin:0 0 42px}
.answer-box{margin:38px 0;background:var(--white);border:1px solid var(--line);padding:30px 32px;box-shadow:8px 8px 0 var(--line-light)}
.answer-box .label{color:var(--copper);margin-bottom:10px}.answer-box p:last-child{margin-bottom:0}
.steps{list-style:none;counter-reset:steps;padding:0;margin:28px 0 42px}.steps li{counter-increment:steps;display:grid;grid-template-columns:46px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.steps li::before{content:counter(steps,decimal-leading-zero);font:600 15px var(--sans);color:var(--copper)}.steps strong{display:block;font-size:21px;line-height:1.25;margin-bottom:5px}
.checklist{list-style:none;padding:0;margin:25px 0 40px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.checklist li{position:relative;margin:0;padding:15px 18px 15px 32px;border-bottom:1px solid var(--line)}.checklist li::before{content:"✓";position:absolute;left:5px;color:var(--green);font:600 17px var(--sans)}
.mistakes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:27px 0 40px}.mistake{background:var(--white);padding:24px 22px}.mistake span{font:600 13px var(--sans);color:var(--copper);letter-spacing:.06em}.mistake h3{font-size:21px;margin:9px 0}.mistake p{font-size:16px;color:var(--muted);margin:0}
.boundary{margin:36px 0;border:1px solid var(--line);border-left:5px solid var(--blue);padding:26px 28px}.boundary h3{font:600 18px var(--sans);letter-spacing:.02em;margin:0 0 8px}.boundary p:last-child{margin-bottom:0}
.source-note{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:44px}.source-note strong{font-family:var(--sans)}
details{border-top:1px solid var(--line);padding:17px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-size:20px}details p{color:var(--muted);padding:12px 25px 0 0;margin:0}

.primary-cta{background:var(--copper);color:#fff;margin-top:70px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.primary-cta h2{font-size:34px;margin:0 0 10px}.primary-cta p{margin:0;color:#fff}.button{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:15px 22px;border:2px solid var(--ink);font:600 17px var(--sans);white-space:nowrap}.button:hover,.button:focus-visible{background:#000;border-color:#000}
.cluster{background:var(--white);padding:78px 0}.cluster-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.cluster h2{font-size:38px}.cluster-head p{max-width:45ch;color:var(--muted);margin:0}
.cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cluster-card{display:block;border:1px solid var(--line);padding:24px;text-decoration:none;min-height:190px;transition:transform .16s ease,border-color .16s ease}.cluster-card:hover,.cluster-card:focus-visible{transform:translateY(-3px);border-color:var(--copper)}.cluster-card span{font:600 13px var(--sans);color:var(--copper);letter-spacing:.06em}.cluster-card h3{font-size:24px;margin:14px 0 10px}.cluster-card p{font-size:16px;color:var(--muted);margin:0}
.site-foot{background:var(--ink);color:#aaa398;padding:45px 0;font:400 15px/1.5 var(--sans)}.site-foot .wrap{display:grid;grid-template-columns:1fr auto;gap:30px}.site-foot a{color:#e0dbd1}.foot-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.settings-button{appearance:none;background:none;border:0;color:#e0dbd1;text-decoration:underline;padding:0;font:inherit;cursor:pointer}
.consent-panel{position:fixed;right:18px;bottom:18px;z-index:100;width:min(440px,calc(100% - 36px));padding:22px 24px;color:var(--paper);background:rgba(20,24,28,.98);border:1px solid rgba(192,138,94,.55);box-shadow:0 18px 55px rgba(0,0,0,.38)}.consent-panel[hidden]{display:none}.consent-panel h2{font:600 22px var(--sans);margin:0 0 8px}.consent-panel p{font-size:16px;line-height:1.45;color:#d2ccc1;margin-bottom:16px}.consent-actions{display:flex;gap:10px;flex-wrap:wrap}.consent-actions button{min-height:44px;padding:10px 16px;font:600 16px var(--sans);cursor:pointer}.consent-reject{color:var(--paper);background:transparent;border:1px solid #837b70}.consent-accept{color:#fff;background:var(--copper);border:1px solid var(--copper)}

@media(max-width:900px){.site-nav a:not(.nav-cta){display:none}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-card{max-width:520px}.article-layout{grid-template-columns:1fr}.toc{position:static;display:none}.mistakes,.cluster-grid{grid-template-columns:1fr 1fr}.primary-cta{grid-template-columns:1fr}.primary-cta .button{justify-self:start}.cluster-head{display:block}.cluster-head p{margin-top:16px}.site-foot .wrap{grid-template-columns:1fr}.foot-links{justify-content:flex-start}}
@media(max-width:620px){body{font-size:17px}.wrap{width:min(100% - 30px,1160px)}.site-head .wrap{min-height:64px}.nav-cta{padding:7px 10px}.hero{padding:58px 0 64px}.hero h1{font-size:42px}.article-layout{padding:55px 0 72px}.article .definition{font-size:21px;padding-left:18px}.answer-box{padding:24px 22px;box-shadow:5px 5px 0 var(--line-light)}.checklist,.mistakes,.cluster-grid{grid-template-columns:1fr}.primary-cta{padding:30px 24px;margin-top:55px}.primary-cta h2{font-size:29px}.cluster{padding:58px 0}.cluster h2{font-size:32px}.site-foot{padding:38px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cluster-card{transition:none}}