:root{
  --paper:#eee9dc;
  --ink:#171714;
  --muted:#605d55;
  --line:#c8c1af;
  --accent:#a7352c;
  --deep:#21372f;
  --panel:#e2dbc9;
  --white:#fffdf7;
  --code:#191b1a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
nav{min-height:72px;padding:12px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(238,233,220,.97);position:relative;z-index:2}
.brand img{display:block;width:118px}
nav>div{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
nav>div a{text-decoration:none;font-size:.8rem;font-weight:800}
.nav-cta,.primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:var(--ink);color:var(--white);font-weight:800;text-decoration:none}
.hero{min-height:620px;padding:clamp(64px,9vw,128px) clamp(20px,8vw,120px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:clamp(44px,8vw,120px);align-items:end;background:linear-gradient(128deg,var(--paper) 0 70%,#d7cfbc 70% 100%)}
.hero>div>span,.section-heading>span,.next-step>span{font-size:.7rem;letter-spacing:.18em;font-weight:900;color:var(--accent)}
.hero h1{max-width:960px;margin:18px 0 28px;font:clamp(3.3rem,7vw,7.4rem)/.91 Georgia,"Times New Roman",serif;letter-spacing:-.055em}
.hero h1 em{font-weight:400;color:var(--accent)}
.hero>div>p{max-width:780px;margin:0;color:var(--muted);font:clamp(1.05rem,1.6vw,1.3rem)/1.65 Georgia,"Times New Roman",serif}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.hero-actions>a:not(.primary){font-weight:800;text-underline-offset:5px}
.hero aside{padding:26px;border:1px solid var(--ink);background:var(--white)}
.hero aside strong{display:block;font-family:Georgia,serif;font-size:1.2rem}
.hero aside ul{margin:16px 0 0;padding-left:20px;color:var(--muted);font-size:.9rem}
.hero aside li+li{margin-top:8px}
main{width:min(1220px,calc(100% - 40px));margin:auto}
main>section{padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
main>section.paper{width:calc(100% + 80px);margin-left:-40px;padding:90px 40px;background:var(--white)}
.section-heading{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;margin-bottom:44px}
.section-heading h2{max-width:900px;margin:0 0 14px;font:clamp(2.2rem,4.8vw,4.8rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.section-heading p{max-width:780px;margin:0;color:var(--muted);font:1.05rem/1.7 Georgia,"Times New Roman",serif}
.contract-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.contract-grid article,.error-anatomy article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.contract-grid b,.error-anatomy b,.data-checks b,.test-sequence b{color:var(--accent);font-size:.68rem;letter-spacing:.14em}
.contract-grid h3,.error-anatomy h3{font:1.2rem/1.15 Georgia,serif}
.contract-grid p,.error-anatomy p{color:var(--muted);font-size:.9rem}
.principle,.warning,.tool-note{display:grid;grid-template-columns:180px 1fr;gap:22px;margin-top:28px;padding:22px 25px;background:var(--deep);color:var(--white)}
.principle strong,.warning strong,.tool-note strong{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.principle p,.warning p,.tool-note p{margin:0;color:#dbe4df;font-family:Georgia,serif}
.method-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.method-list li{display:grid;grid-template-columns:80px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}
.method-list li>b{color:var(--accent);font:900 1rem/1 Arial,sans-serif}
.method-list h3{margin:0 0 8px;font:1.7rem/1.1 Georgia,serif}
.method-list p{max-width:900px;margin:0 0 13px;color:var(--muted);font-family:Georgia,serif}
.method-list strong{margin-right:8px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.method-list span{font-size:.88rem}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.two-column h3{font:1.5rem Georgia,serif}
blockquote{margin:20px 0;padding:24px;border-left:4px solid var(--accent);background:var(--paper);font:1.15rem/1.65 Georgia,serif}
.two-column p{color:var(--muted)}
.quick-check{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.quick-check li{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}
.quick-check span{color:var(--muted);font-size:.9rem}
table{width:100%;margin-top:42px;border-collapse:collapse;background:var(--white);font-size:.88rem}
caption{text-align:left;margin-bottom:12px;font:1.15rem Georgia,serif}
th,td{padding:14px 16px;border:1px solid var(--line);text-align:left;vertical-align:top}
thead{background:var(--deep);color:var(--white)}
.error-anatomy{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.transcript{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;background:var(--code);color:#f6f2e8}
.transcript>div{padding:28px;min-width:0}
.transcript>div+div{border-left:1px solid #464946}
.transcript span,.code-comparison span{font-size:.68rem;letter-spacing:.14em;color:#c7d68c;font-weight:800}
pre{max-width:100%;overflow:auto;padding:20px;background:var(--code);color:#f2f0e7;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;tab-size:2}
.transcript pre{padding:0;margin:18px 0 0}
.transcript h3{font:1.5rem Georgia,serif}
.transcript ol{padding-left:22px;color:#d4d2cc}
.transcript li+li{margin-top:10px}
.warning{background:#722d28}
.warning p{color:#fff2ed}
.reduction-map{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.reduction-map>div{position:relative;min-height:145px;padding:24px;background:var(--paper);display:flex;flex-direction:column}
.reduction-map>div:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;font:10px/18px Arial;text-align:center}
.reduction-map b{color:var(--accent);font-size:.7rem}
.reduction-map strong{margin:12px 0 8px;font:1.15rem Georgia,serif}
.reduction-map span{color:var(--muted);font-size:.82rem}
.reduce-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px}
.reduce-rules article{padding-top:18px;border-top:3px solid var(--ink)}
.reduce-rules h3{font:1.1rem Georgia,serif}
.reduce-rules p{color:var(--muted);font-size:.88rem}
details{margin-top:30px;border:1px solid var(--line);background:var(--white)}
summary{padding:18px 22px;cursor:pointer;font-weight:800}
.detail-body{padding:0 22px 20px;color:var(--muted);font-family:Georgia,serif}
.layer-table-wrap{overflow-x:auto}
.layer-table{min-width:900px;margin-top:0}
.layer-grid,.async-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.layer-grid article,.async-grid article{padding:24px;border:1px solid var(--line);background:var(--white)}
.layer-grid h3,.async-grid h3{margin-top:0;font:1.25rem Georgia,serif}
.layer-grid p,.async-grid p{color:var(--muted);font-size:.9rem}
.code-comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;background:var(--code);color:var(--white)}
.code-comparison>div{padding:26px;min-width:0}
.code-comparison>div+div{border-left:1px solid #464946}
.code-comparison pre{padding:0;margin-bottom:0}
.code-comparison p{color:#d2d0c9;font-family:Georgia,serif}
.boundary-sequence{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}
.boundary-sequence li{padding:22px;background:var(--white)}
.boundary-sequence b{color:var(--accent)}
.boundary-sequence h3{font:1.1rem Georgia,serif}
.boundary-sequence p{color:var(--muted);font-size:.85rem}
.tool-note{background:var(--deep)}
.data-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.data-checks article{padding:24px;background:var(--paper)}
.data-checks h3{font:1.15rem Georgia,serif}
.data-checks p{color:var(--muted);font-size:.88rem}
.data-checks+pre{margin-top:30px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:28px;background:var(--line)}
.timeline>div{padding:22px;background:var(--white)}
.timeline time{display:block;color:var(--accent);font-size:.68rem;font-weight:900}
.timeline strong{display:block;margin:10px 0 6px;font:1rem Georgia,serif}
.timeline span{color:var(--muted);font-size:.8rem}
.timeline+p{max-width:900px;font:1.05rem/1.7 Georgia,serif}
.network-ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}
.network-ladder li{padding:19px;background:var(--paper)}
.network-ladder strong{font:1rem Georgia,serif}
.network-ladder p{color:var(--muted);font-size:.8rem}
.command-policy{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;margin-top:34px;padding:28px;background:var(--deep);color:var(--white)}
.command-policy h3{font:1.5rem Georgia,serif}
.command-policy p{color:#dbe4df}
.command-policy pre{margin:0;border:1px solid #58645f}
.test-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.test-sequence article{padding:24px;background:var(--white)}
.test-sequence h3{font:1.15rem Georgia,serif}
.test-sequence p{color:var(--muted);font-size:.88rem}
.cases{display:grid;gap:36px}
.cases>.section-heading{margin-bottom:12px}
.case-study{border:1px solid var(--line);background:var(--white)}
.case-study>header{padding:28px;background:var(--deep);color:var(--white)}
.case-study>header span{font-size:.68rem;letter-spacing:.14em;color:#b8d1c5;font-weight:900}
.case-study>header h3{margin:10px 0 0;font:clamp(1.6rem,3vw,2.5rem) Georgia,serif}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.case-grid section{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-grid h4{margin:0 0 8px;color:var(--accent);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.case-grid p{margin:0;color:var(--muted);font: .92rem/1.6 Georgia,serif}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.help-grid article{padding:28px;border:1px solid var(--line);background:var(--white)}
.help-grid h3,.request-template h3{font:1.4rem Georgia,serif}
.help-grid li{margin:8px 0;color:var(--muted)}
.request-template{margin-top:30px;padding:28px;background:var(--deep);color:var(--white)}
.request-template pre{padding:0;margin:18px 0 0}
.incident-review{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}
.incident-review li{padding:22px;background:var(--paper)}
.incident-review strong{font:1.1rem Georgia,serif}
.incident-review p{color:var(--muted);font-size:.84rem}
.worksheet{background:var(--deep);color:var(--white);padding-inline:40px!important;width:calc(100% + 80px);margin-left:-40px}
.worksheet .section-heading>span{color:#b8d1c5}
.worksheet .section-heading p{color:#dbe4df}
.worksheet>ol{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:1px;margin:0;background:#596760;list-style:none;counter-reset:sheet}
.worksheet>ol li{counter-increment:sheet;min-height:170px;padding:24px;background:#263f36}
.worksheet>ol strong{display:block;font:1.1rem Georgia,serif}
.worksheet>ol strong::before{content:counter(sheet,decimal-leading-zero) " / ";color:#b8d1c5;font:800 .72rem Arial,sans-serif}
.worksheet>ol p{color:#dbe4df;font-size:.9rem}
.worksheet-actions,.next-step>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}
.worksheet-actions .primary{background:var(--white);color:var(--ink)}
.worksheet-actions a:not(.primary){font-weight:800;text-underline-offset:4px}
.next-step{width:calc(100% + 80px);margin-left:-40px;padding:80px 40px!important;background:var(--accent);color:var(--white)}
.next-step>span{color:#ffe0da}
.next-step h2{max-width:900px;margin:14px 0 18px;font:clamp(2.4rem,5vw,5rem)/.98 Georgia,serif;letter-spacing:-.04em}
.next-step p{max-width:760px;color:#fff0ed;font-family:Georgia,serif}
.next-step .primary{background:var(--white);color:var(--ink)}
.next-step a:not(.primary){font-weight:800;text-underline-offset:4px}
footer{padding:32px clamp(20px,5vw,72px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:var(--muted);font-size:.82rem}
footer img{display:block;width:102px}
footer p{margin:0}
footer span{text-align:right}
footer a{text-underline-offset:3px}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;min-height:auto}.hero aside{max-width:620px}
  .contract-grid,.error-anatomy{grid-template-columns:repeat(2,1fr)}
  .reduce-rules,.layer-grid,.async-grid,.test-sequence{grid-template-columns:repeat(2,1fr)}
  .boundary-sequence{grid-template-columns:repeat(3,1fr)}
  .network-ladder{grid-template-columns:repeat(4,1fr)}
  .incident-review{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  nav{align-items:flex-start}nav>div a:not(.nav-cta){display:none}
  .hero{padding-top:68px;background:var(--paper)}
  main{width:min(100% - 28px,1220px)}
  main>section{padding:64px 0}
  main>section.paper,.worksheet,.next-step{width:calc(100% + 28px);margin-left:-14px;padding:64px 14px}
  .section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:32px}
  .contract-grid,.error-anatomy,.two-column,.transcript,.code-comparison,.help-grid,.command-policy{grid-template-columns:1fr}
  .transcript>div+div,.code-comparison>div+div{border-left:0;border-top:1px solid #464946}
  .principle,.warning,.tool-note{grid-template-columns:1fr;gap:8px}
  .reduction-map{grid-template-columns:1fr}.reduction-map>div:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-9px}
  .boundary-sequence,.data-checks,.timeline,.network-ladder,.incident-review{grid-template-columns:1fr}
  .case-grid{grid-template-columns:1fr}
  .worksheet>ol{grid-template-columns:1fr}
  .quick-check li{grid-template-columns:1fr;gap:5px}
  footer{grid-template-columns:1fr}footer span{text-align:left}
}
@media(max-width:520px){
  .method-list li{grid-template-columns:44px 1fr}
  .reduce-rules,.layer-grid,.async-grid,.test-sequence{grid-template-columns:1fr}
  pre{font-size:11px}
}
@media print{
  nav,.hero,main>section:not(.worksheet),footer{display:none!important}
  body{background:#fff}.worksheet{display:block!important;width:100%!important;margin:0!important;padding:20px!important;background:#fff!important;color:#000!important}
  .worksheet .section-heading p{color:#333}.worksheet>ol{grid-template-columns:1fr 1fr;background:#999}.worksheet>ol li{min-height:220px;background:#fff;color:#000}.worksheet>ol p{color:#333}.worksheet-actions{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}