/* Layout idea: fixed navigation, decisions at the top of each page, evidence below. Colors follow the Aevum site's navy and sky. */
:root{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--bg:#f4f6f8;--panel:#fff;--ink:#0d1b2a;--mute:#52606d;--line:#d8dee4;--navy:#001f3f;--link:#0b5fa5;--mark:#2a78d6;--good:#1a7f4b;--warn:#9a6700;--bad:#b42318;
--display:"Outfit","Segoe UI",sans-serif;--body:"Quicksand","Segoe UI",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0d141b;--panel:#16202a;--ink:#e8edf2;--mute:#a3b1bf;--line:#2b3946;--link:#7fdbff;--mark:#3987e5;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--good:#5fcf94;--warn:#e3b341;--bad:#f97066;color-scheme:dark}}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:500 15px/1.5 var(--body)}
a{color:var(--link)}h1,h2,h3{font-family:var(--display);font-weight:500;text-wrap:balance;margin:0}h1{font-size:25px}h2{font-size:18px;margin-bottom:10px}h3{font-size:15px}
.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}
nav{background:var(--navy);color:#dce9f5;padding:18px 12px;display:flex;flex-direction:column;gap:3px}
.brand{display:flex;gap:9px;align-items:center;font:500 15px/1.2 var(--display);color:#fff;margin:0 6px 16px}.brand img{width:30px;height:30px}
nav a{color:#dce9f5;text-decoration:none;padding:7px 10px;border-radius:5px;display:flex;justify-content:space-between;gap:8px}nav a:hover{background:#0f3560}nav a.on{background:#7fdbff;color:#001f3f;font-weight:600}
.badge{background:#fff;color:#001f3f;border-radius:9px;padding:0 7px;font-size:12px;font-weight:700}
nav form{margin-top:auto;padding:12px 6px 0}nav form button{width:100%;background:transparent;color:#dce9f5;border:1px solid #3b5a7a}
main{padding:24px clamp(16px,3vw,34px) 60px;display:grid;gap:22px;align-content:start;min-width:0}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:end}.sub{color:var(--mute);margin:3px 0 0;max-width:80ch}
.period{display:flex;gap:4px}.period a{padding:4px 11px;border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--ink);border-radius:4px;font-size:13.5px}.period a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px 18px;min-width:0}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpis{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px}.kpi span{display:block;color:var(--mute);font-size:13px}.kpi b{display:block;font:500 25px/1.25 var(--display);font-variant-numeric:tabular-nums}.kpi small{display:block;color:var(--mute);font-size:12px;line-height:1.3;margin-top:2px}
.banner{border:1px solid var(--line);border-left:4px solid var(--warn);background:var(--panel);padding:10px 14px;border-radius:4px}.banner.good{border-left-color:var(--good)}.banner.bad{border-left-color:var(--bad)}
.wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12.5px;color:var(--mute);font-weight:600;white-space:nowrap}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}
.empty{color:var(--mute);margin:4px 0;max-width:70ch}.pill{display:inline-block;border:1px solid currentColor;border-radius:3px;padding:0 7px;font-size:12px;font-weight:600;white-space:nowrap}.ok{color:var(--good)}.warn{color:var(--warn)}.no{color:var(--bad)}
button,.btn{font:600 13.5px var(--body);padding:6px 12px;border-radius:4px;border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}button.alt,.btn.alt{background:transparent;color:var(--link);border-color:var(--line)}button.stop{background:var(--bad);border-color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}
input{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);max-width:100%}label{display:grid;gap:3px;font-size:13px;color:var(--mute)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.tight{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.list{display:grid;gap:0}.item{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.item:last-child{border-bottom:0}.item>div:first-child{flex:1 1 300px;min-width:0}.meta{color:var(--mute);font-size:13px}form{margin:0}
.hbars{display:grid;gap:3px}.hbar{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:10px;align-items:center}.hbar-label{font-size:13.5px;overflow-wrap:anywhere}.hbar-svg{width:100%;display:block;overflow:visible}.mark{fill:var(--mark)}.value{fill:var(--ink);font:600 12.5px var(--body)}
.columns{width:100%;height:auto;display:block}.axis{stroke:var(--line)}.tick{fill:var(--mute);font:500 12px var(--body)}.hit{fill:transparent}
.menu{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.menu summary{cursor:pointer;font:500 13.5px var(--display);color:#fff;padding:8px 10px;display:flex;justify-content:space-between;gap:6px;letter-spacing:.2px;border-bottom:1px solid #1d3f63;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary::before{content:"▸";margin-right:6px}.menu[open] summary::before{content:"▾"}.menu summary{align-items:center}.menu summary .badge{margin-left:auto;align-self:center;flex:none;line-height:1.5}.menu a{margin-left:8px;font-size:14px}.badge.warnb{background:#ffd479}
.line{fill:none;stroke-width:2;stroke-linejoin:round}.line.s1{stroke:var(--s1)}.line.s2{stroke:var(--s2)}.line.s3{stroke:var(--s3)}.grid-l,.grid{stroke:var(--line);stroke-dasharray:2 4}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mute);margin-top:4px}.legend span{display:flex;gap:5px;align-items:center}.key{width:14px;height:3px;display:inline-block;border-radius:2px}.key.s1{background:var(--s1)}.key.s2{background:var(--s2)}.key.s3{background:var(--s3)}
.meter{width:100%;display:block}.meter .track{fill:var(--line)}.meter .fine{fill:var(--mark)}.meter .warn{fill:var(--warn)}.meter .crit{fill:var(--bad)}.server{display:grid;gap:10px}.server a.title{font:500 16px var(--display);text-decoration:none}.stat{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:13px}.stat b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 18px;margin:0}.fields dt{color:var(--mute);font-size:12.5px}.fields dd{margin:0;overflow-wrap:anywhere}pre.cmd{background:var(--bg);border:1px solid var(--line);padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;font:12.5px/1.45 ui-monospace,monospace;margin:4px 0}.reasons{margin:0;padding-left:18px;font-size:13.5px;color:var(--mute)}
.who{font-size:12px;color:#a9c0d6;overflow-wrap:anywhere;margin:0 0 6px}.local{font-size:13px;color:var(--mute)}.local summary{cursor:pointer;margin-bottom:8px}label.inline{display:flex;gap:6px;align-items:center;align-self:center}select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink)}.act{flex:0 1 auto}
.toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px}.toc a{color:var(--link)}section[id]{scroll-margin-top:12px}.fig{margin:12px 0 4px;overflow-x:auto}.fig figcaption{color:var(--mute);font-size:13px;margin-top:8px;max-width:95ch}.dia{display:block;min-width:820px;width:100%;height:auto}.db{fill:var(--panel);stroke:var(--mute);stroke-width:1.3}.db.hub{stroke:var(--mark);stroke-width:2.4}.db.person{fill:var(--bg);stroke:var(--warn);stroke-width:2}.db.ext{fill:var(--bg);stroke-dasharray:5 3}.db.stop{stroke:var(--bad)}.db.go{stroke:var(--good);stroke-width:2}.dt{fill:var(--ink);font:600 13px var(--body)}.ds{fill:var(--mute);font:500 11.5px var(--body)}.dl{fill:none;stroke:var(--ink);stroke-width:1.3}.dl.off{stroke:var(--mute);stroke-dasharray:6 5}.dia-head{fill:var(--ink)}.dia-head-off{fill:var(--mute)}.dla{fill:var(--mute);font:500 11px var(--body)}.dband{fill:var(--bg);stroke:var(--line)}.dbt{fill:var(--mute);font:600 12px var(--display)}.faq dt{font-weight:700;margin-top:10px}.faq dd{margin:2px 0 0;max-width:85ch}
.tooltip{position:fixed;z-index:9;background:var(--navy);color:#fff;font-size:12.5px;padding:3px 8px;border-radius:3px;pointer-events:none}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--navy)}.card{background:var(--panel);border-radius:8px;padding:26px;width:min(430px,100%);display:grid;gap:14px}.card .brand{color:var(--ink);margin:0}.card input{width:100%}.error{color:var(--bad);font-weight:600}.qr{width:210px;height:210px;background:#fff;justify-self:center}code{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.codes{columns:2;font-family:ui-monospace,monospace;font-size:13.5px;margin:0;padding:0;list-style:none}
@media (max-width:760px){.shell{grid-template-columns:1fr}nav{flex-direction:row;flex-wrap:wrap}.brand{width:100%;margin-bottom:6px}nav form{margin:0;padding:0}.hbar{grid-template-columns:1fr}.g2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
