:root{--steel:#1D3A54;--deep:#122638;--panel:#E8EDF1;--paper:#F7F9FA;--orange:#FF6B1A;--green:#1E7A4C;--red:#B3261E;--ink:#16222C}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
a{color:var(--steel)}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
header.top{background:var(--deep);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font-family:Archivo,Inter,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:.02em;color:#fff;text-decoration:none}
.logo b{color:var(--orange)}nav a{color:#DCE6EE;margin-left:16px;text-decoration:none;font-weight:600}
.rail{display:flex;align-items:center;gap:0;background:var(--steel);color:#fff;padding:10px 20px;flex-wrap:wrap}
.rail .node{font-family:Archivo,sans-serif;font-weight:800;border:2px solid #fff;padding:2px 12px;font-size:.95rem}
.rail .node.hot{background:var(--orange);border-color:var(--orange);color:#10181F}
.rail .bar{flex:0 0 42px;height:3px;background:#9FB4C6;margin:0 8px}
.rail .cap{font-size:.8rem;color:#C9D6E1;margin-left:12px}
main{max-width:1060px;margin:0 auto;padding:28px 18px 60px}
h1{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.05;color:var(--deep);margin:.2em 0}
h1 .o{color:var(--orange)}h2{font-family:Archivo,sans-serif;color:var(--deep)}
.clockdigits{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(3rem,10vw,6.5rem);color:var(--deep);letter-spacing:.01em}
.clockdigits .o{color:var(--orange)}
.panel{background:#fff;border:1.5px solid var(--steel);padding:20px;margin:18px 0;position:relative}
.panel::before,.panel::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--panel);border:1.5px solid var(--steel);top:8px}
.panel::before{left:8px}.panel::after{right:8px}
.stencil{font-size:.78rem;letter-spacing:.18em;font-weight:800;color:var(--steel);text-transform:uppercase}
textarea,input,select{width:100%;padding:11px;border:1.5px solid var(--steel);font:inherit;background:#fff;margin:6px 0 12px}
input[type=checkbox]{width:auto;display:inline-block;margin:0 8px 10px 0;padding:0;vertical-align:top}
fieldset{border:1.5px solid var(--steel);margin:10px 0 14px}fieldset label{display:block}
button,.btn{background:var(--orange);color:#10181F;font-weight:800;border:2px solid #10181F;padding:12px 22px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block}
button.sec,.btn.sec{background:#fff;color:var(--steel);border-color:var(--steel)}
table{border-collapse:collapse;width:100%}th,td{border:1.5px solid var(--steel);padding:10px;text-align:left;vertical-align:top}
th{background:var(--panel);font-family:Archivo,sans-serif}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:.9em}
pre{background:var(--deep);color:#E8F0F6;padding:14px;overflow:auto;font-size:.82rem;max-height:420px}
.ok{color:var(--green);font-weight:700}.bad{color:var(--red);font-weight:700}.muted{color:#4A5B68}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
footer{background:var(--deep);color:#C9D6E1;padding:26px 20px;font-size:.9rem}footer a{color:#fff}
.tag{display:inline-block;background:var(--steel);color:#fff;padding:1px 9px;font-weight:700;font-size:.8rem}
.tag.hot{background:var(--orange);color:#10181F}
@media(max-width:480px){.rail .bar{flex-basis:16px}main{padding:18px 12px 44px}}