
:root{--ink:#14161a;--panel:#1d2026;--line:#343a44;--ora:#ff6a13;--ora2:#ffb27a;--paper:#f3f0e8;--mut:#9aa3b0;--ok:#4cc38a;--bad:#ff5d5d}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:#e9ecf1;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--ora2)}a:hover{color:#fff}
.stripe{height:10px;background:repeating-linear-gradient(-45deg,var(--ora) 0 14px,#14161a 14px 28px)}
.wrap{max-width:1160px;margin:0 auto;padding:0 18px}
header.top{border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{font:800 20px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;color:#fff;text-decoration:none;text-transform:uppercase}
.brand b{color:var(--ora)}
nav a{color:#cdd3dc;text-decoration:none;margin-left:18px;font-size:14px;font-weight:600}nav a:hover,nav a[aria-current]{color:var(--ora)}
h1{font:800 clamp(28px,4.4vw,44px)/1.05 system-ui,sans-serif;margin:22px 0 8px;letter-spacing:-.02em}
h2{font-size:22px;margin:30px 0 8px}h3{font-size:17px;margin:0 0 6px}
.lede{color:#c3cad5;max-width:760px;margin:0 0 18px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.tool{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start;margin:10px 0 28px}
@media(max-width:900px){.tool{grid-template-columns:minmax(0,1fr)}}
.card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 16px}
.wrap>*,.grid>*,.two>*{min-width:0}
.steps{counter-reset:s}.steps>div:first-child .card>h3::before{counter-increment:s;content:counter(s);display:inline-block;width:24px;height:24px;margin-right:8px;background:var(--ora);color:#14161a;border-radius:50%;text-align:center;font:800 14px/24px ui-monospace,monospace}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{background:#262b33;color:#e9ecf1;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font:600 14px system-ui;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--ora);color:#14161a;border-color:var(--ora)}
table.ap{width:100%;border-collapse:collapse;font-size:14px}table.ap th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}
table.ap td{padding:6px 4px;border-bottom:1px solid #2a2f37;vertical-align:middle}table.ap tr.grp td{background:#23272e;color:var(--ora2);font:700 12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
input[type=text],input[type=number]{width:74px;background:#101216;color:#fff;border:1px solid var(--line);border-radius:4px;padding:6px;font:600 14px ui-monospace,monospace}
.err{display:block;color:#ff9b9b;font:600 12px/1.35 system-ui,sans-serif}.err:empty{display:none}
input[aria-invalid=true]{border-color:#ff5d5d!important;background:#2a1414!important}
.verdict{border-left:6px solid var(--line);background:#101216;padding:12px 14px;font:700 16px/1.4 system-ui;margin:8px 0 12px;border-radius:0 4px 4px 0}.verdict.ok{border-color:var(--ok);color:#b9f0d5}.verdict.w{border-color:#ffc46b;color:#ffe0a8}.verdict.no{border-color:var(--bad);color:#ffc0c0}
input[type=number]{width:74px;background:#101216;color:#fff;border:1px solid var(--line);border-radius:4px;padding:6px;font:600 14px ui-monospace,monospace}
input[type=number]:focus,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ora);outline-offset:1px}
input[type=checkbox]{width:20px;height:20px;accent-color:var(--ora)}
.nm small{display:block;color:var(--mut);font-size:12px}
.res{position:sticky;top:10px}
@media(max-width:900px){.res{position:static}}
.big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}
.big div{background:#101216;border:1px solid var(--line);border-radius:4px;padding:8px}
.big b{display:block;font:800 22px/1.1 ui-monospace,monospace;color:var(--ora)}.big span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
table.rt{width:100%;border-collapse:collapse;font-size:14px}table.rt td,table.rt th{padding:7px 4px;border-bottom:1px solid #2a2f37;text-align:left;vertical-align:top}
table.rt th{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.tag{display:inline-block;font:700 12px ui-monospace,monospace;padding:2px 6px;border-radius:3px}.tag.ok{background:#12372a;color:var(--ok)}.tag.no{background:#3b1a1a;color:var(--bad)}.tag.w{background:#3a2a10;color:#ffc46b}
.pl{display:inline-block;font-size:12px;color:var(--mut);border:1px dashed var(--line);padding:3px 8px;border-radius:3px}.pl.on{border-style:solid;color:#14161a;background:var(--ora);text-decoration:none;font-weight:700}
.note{font-size:13px;color:var(--mut)}
.warn{border-left:4px solid var(--ora);background:#2a2018;padding:10px 14px;border-radius:0 4px 4px 0}
.btn{display:inline-block;background:var(--ora);color:#14161a;font-weight:800;padding:11px 16px;border-radius:4px;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.btn.alt{background:transparent;color:var(--ora);border:2px solid var(--ora)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
table.src{width:100%;border-collapse:collapse;font-size:14px}table.src th,table.src td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}table.src th{color:var(--mut);font-size:12px;text-transform:uppercase}
footer.f{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 40px;color:var(--mut);font-size:13px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:6px;z-index:9}
.prose{max-width:780px}.prose p,.prose li{color:#d6dbe3}
/* paper (outage plan) */
body.paper{background:var(--paper);color:#111}body.paper .card{background:#fff;border-color:#c9c4b5;color:#111}body.paper a{color:#a63d00}
body.paper h1,body.paper h2,body.paper h3{color:#111}body.paper table.rt td,body.paper table.rt th{border-color:#d8d3c4;color:#111}body.paper .note{color:#555}body.paper .lede{color:#333}
body.paper header.top{background:#14161a}
.chk li{list-style:none;margin:6px 0;padding-left:30px;position:relative}.chk li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border:2px solid #111}
.line{border-bottom:1px solid #111;height:26px;margin:2px 0}
@media print{header.top,.noprint,footer.f,.stripe{display:none!important}body,body.paper{background:#fff;color:#000}.card{border:1px solid #000;break-inside:avoid}a{color:#000}.wrap{max-width:none}h1{margin-top:0}}
