:root{--navy:#16233d;--gold:#b8860b;--grey:#5b6b85;--bg:#f4f6fb;--bd:#e2e7f0;--red:#b3001b;--amb:#8a6d1f;--grn:#1d7a46;--blu:#1a4fa0}
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:#1b2230;padding:0 0 80px}
header{background:var(--navy);color:#fff;padding:26px 34px}
header h1{font-size:26px;letter-spacing:-.4px;font-weight:700}
header .sub{font-size:13.5px;opacity:.85;margin-top:5px;max-width:90ch}
nav{background:#101a2e;padding:9px 34px;display:flex;flex-wrap:wrap;gap:18px}
nav a{color:#9fc2f5;text-decoration:none;font-size:13px;font-weight:600}
nav a:hover{color:#fff;text-decoration:underline}
nav a.on{color:#fff;border-bottom:2px solid var(--gold);padding-bottom:2px}
main{max-width:1180px;margin:0 auto;padding:24px 22px}
h2{font-size:19px;color:var(--navy);margin:30px 0 10px;letter-spacing:-.2px}
h2:first-child{margin-top:6px}
h3{font-size:15.5px;color:var(--navy);margin:18px 0 7px}
p{margin:8px 0;max-width:92ch}
.card{background:#fff;border:1px solid var(--bd);border-radius:11px;padding:17px 20px;margin-bottom:12px}
.note{background:#eaf1fb;border-left:4px solid var(--blu);border-radius:0 9px 9px 0;padding:13px 17px;margin:14px 0;font-size:13.6px;max-width:96ch}
.warn{background:#fdf6e3;border-left:4px solid var(--gold);border-radius:0 9px 9px 0;padding:13px 17px;margin:14px 0;font-size:13.6px;max-width:96ch}
.bad{background:#fdecea;border-left:4px solid var(--red);border-radius:0 9px 9px 0;padding:13px 17px;margin:14px 0;font-size:13.6px;max-width:96ch}
.ok{background:#e9f6ee;border-left:4px solid var(--grn);border-radius:0 9px 9px 0;padding:13px 17px;margin:14px 0;font-size:13.6px;max-width:96ch}
.scroll{overflow-x:auto;background:#fff;border:1px solid var(--bd);border-radius:11px;margin:10px 0}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
th{background:#f0f3f9;color:var(--grey);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:10px 12px;border-bottom:2px solid var(--navy);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #eef1f6;vertical-align:top}
tr:last-child td{border-bottom:0}
tr:hover td{background:#f9fbff}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.3px}
.co{font-weight:700;color:var(--navy)}
.pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2.5px 9px;border-radius:20px;white-space:nowrap}
.p-go{background:#e9f6ee;color:var(--grn)}.p-wait{background:#fdf6e3;color:var(--amb)}.p-stop{background:#fdecea;color:var(--red)}.p-info{background:#eaf1fb;color:var(--blu)}.p-nil{background:#eef1f5;color:#6a7588}
.st{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}
.s{background:#fff;border:1px solid var(--bd);border-radius:11px;padding:14px 16px}
.s .n{font-size:29px;font-weight:700;letter-spacing:-.8px;color:var(--navy)}
.s .l{font-size:11.5px;color:var(--grey);margin-top:2px;line-height:1.35}
.s.g .n{color:var(--grn)}.s.a .n{color:var(--amb)}.s.r .n{color:var(--red)}
ol,ul{margin:8px 0 8px 22px}li{margin:5px 0;font-size:13.8px;max-width:92ch}
.steps{counter-reset:s;margin:12px 0}
.step{background:#fff;border:1px solid var(--bd);border-radius:11px;padding:14px 18px 14px 54px;margin-bottom:9px;position:relative;counter-increment:s}
.step:before{content:counter(s);position:absolute;left:16px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.step b{font-size:14.6px;color:var(--navy)}
.step p{font-size:13.4px;color:#49505c;margin-top:3px}
code{font:12.4px ui-monospace,Menlo,Consolas,monospace;background:#eef1f6;padding:1.5px 6px;border-radius:4px;color:#243}
a{color:var(--blu)}
.cc{background:#fff;border:1px solid var(--bd);border-left:5px solid var(--grey);border-radius:11px;padding:15px 18px;margin-bottom:11px;break-inside:avoid}
.cc.go{border-left-color:var(--grn)}.cc.wait{border-left-color:var(--gold)}.cc.stop{border-left-color:var(--red)}
.cc h4{font-size:15.5px;color:var(--navy);margin-bottom:3px}
.cc .meta{font-size:12px;color:var(--grey);margin-bottom:9px}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:5px 16px;margin:9px 0}
.kv div{font-size:12.6px}.kv span{color:var(--grey);display:inline-block;min-width:74px}
.todo{margin:9px 0 0 0;padding:0;list-style:none}
.todo li{font-size:13.4px;margin:5px 0;padding-left:25px;position:relative}
.todo li:before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border:1.5px solid #b9c2d0;border-radius:3px}
footer{max-width:1180px;margin:28px auto 0;padding:14px 22px 0;border-top:1px solid var(--bd);font-size:11.5px;color:#8a8a90;line-height:1.7}
@media print{nav{display:none}body{background:#fff}.card,.cc,.scroll{break-inside:avoid}}
@media(max-width:800px){.st{grid-template-columns:repeat(2,1fr)}header,nav{padding-left:18px;padding-right:18px}}