:root{color-scheme:dark;--ink:#edefe4;--muted:#adb3a5;--olive:#c1cf83;--line:#353d35;--bg:#111813}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,serif}
a{color:var(--olive);text-underline-offset:5px}a:hover{color:#eef8b6}a:focus-visible,summary:focus-visible{outline:3px solid var(--olive);outline-offset:6px}
.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--bg);z-index:10}
header,footer,main{max-width:1200px;margin:auto;padding:30px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);font:13px/1.5 Arial,sans-serif}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink);letter-spacing:1.8px;font-weight:700}
.brand img{width:46px;height:46px;border-radius:8px}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{text-decoration:none;color:var(--muted)}
nav a[aria-current=page]{color:var(--olive);border-bottom:1px solid}main{padding-top:65px;padding-bottom:80px}.eyebrow,.number,.meta,.tag{font:12px/1.6 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--olive)}
h1{font-weight:400;font-size:clamp(42px,6.6vw,84px);line-height:1.05;letter-spacing:-2px;margin:18px 0 26px;max-width:900px}
h2{font-weight:400;font-size:34px;line-height:1.2;margin-top:0}h3{font:600 18px/1.5 Arial,sans-serif}.lead{font-size:23px;max-width:700px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}.hero p{max-width:650px}
.diagram{position:relative;background:#1d271d;padding:32px;border:1px solid var(--line);border-radius:3px;transform:rotate(2deg)}
.diagram .step{padding:18px 0;border-bottom:1px solid #3e4c37;font:16px/1.5 Arial,sans-serif}.diagram .step:last-child{border:0}.diagram strong{color:var(--olive);margin-right:18px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{font:14px/1.5 Arial,sans-serif;padding:13px 19px;background:var(--olive);color:#172014;text-decoration:none;border:1px solid var(--olive)}.button.secondary{background:transparent;color:var(--olive)}
.section{padding:55px 0;border-top:1px solid var(--line);margin-top:65px}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.section p{color:var(--muted)}
.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.sequence article{border-top:2px solid var(--olive);padding-top:20px}
.notice{border-left:3px solid var(--olive);padding:18px 24px;background:#1d261b;font:15px/1.7 Arial,sans-serif;margin:32px 0}
.prose{max-width:850px}.prose h2{margin-top:48px;font-size:28px}.prose li{margin:10px 0;color:var(--muted)}.prose p{color:var(--muted)}
table{border-collapse:collapse;width:100%;font:15px/1.6 Arial,sans-serif}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px 10px;vertical-align:top}th{color:var(--olive)}
code{font:14px/1.6 Consolas,monospace;overflow-wrap:anywhere;color:#d6ddb9}.table-wrap{overflow-x:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:18px/1.6 Arial,sans-serif}details p{max-width:780px}
footer{border-top:1px solid var(--line);font:13px/1.8 Arial,sans-serif;display:flex;justify-content:space-between;gap:30px;color:var(--muted)}footer nav{gap:20px}footer p{max-width:620px}
@media(max-width:800px){header,footer,main{padding-left:22px;padding-right:22px}header,footer{align-items:flex-start;flex-direction:column}main{padding-top:40px}.hero,.split,.sequence{grid-template-columns:1fr;gap:30px}.diagram{transform:none}.section{padding:35px 0;margin-top:40px}h1{letter-spacing:-1px}.lead{font-size:21px}nav{gap:16px}}