:root{--ink:#142830;--muted:#607078;--line:#d7d3c9;--accent:#0d625f;--paper:#fffefa;--wash:#f7f4ed;--soft:#edf5f2;--navy:#0b252f;--sand:#d5ad70;--serif:"Newsreader",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",Consolas,monospace}
body{background:var(--wash);color:var(--ink);font-family:var(--sans)}
main{max-width:1180px;padding-top:0}
nav{margin:0 -24px 48px;padding:22px 24px;color:#9fb2b8;background:var(--navy);font:400 .72rem var(--mono)}nav a{color:#fff;text-decoration:none}
h1{font:500 clamp(3rem,6vw,5.4rem)/.95 var(--serif);letter-spacing:-.05em;color:var(--navy)}h2{font:600 1.55rem var(--serif);color:var(--navy)}h3{font-family:var(--serif)}
.subtitle{max-width:720px;color:var(--muted);font-family:var(--serif);font-size:1.3rem}
.notice{border:0;border-left:4px solid var(--accent);border-radius:0;background:var(--soft)}
.hash-item,.node,.gate,.outcome,.check,.control,.assurance-card,.legend div{border-color:var(--line);border-radius:0;background:var(--paper);box-shadow:none}
.hash-item{padding:16px 18px}.hash-item strong{font-size:.82rem}.hash-item code{border-radius:0;font:400 .74rem var(--mono)}
.diagram{padding:28px;border:1px solid var(--line);background:var(--paper)}
.automation-boundary{border-radius:0;color:var(--accent);background:var(--soft)}
footer{font:400 .69rem var(--mono)}footer a{color:var(--accent)}
@media(max-width:640px){nav{margin-inline:-18px;padding-inline:18px}.diagram{padding:14px}h1{font-size:3.2rem}}