@font-face{font-family:Poppins;font-weight:400;src:url(/brand/fonts/poppins-400-normal.woff) format('woff');font-display:swap}
@font-face{font-family:Poppins;font-weight:600;src:url(/brand/fonts/poppins-600-normal.woff) format('woff');font-display:swap}
@font-face{font-family:Poppins;font-weight:800;font-style:italic;src:url(/brand/fonts/poppins-800-italic.woff) format('woff');font-display:swap}
@font-face{font-family:'JetBrains Mono';font-weight:400;src:url(/brand/fonts/jetbrains-mono-400-normal.woff) format('woff');font-display:swap}

*{box-sizing:border-box}
html,body{margin:0;background:var(--mn-ground);color:var(--mn-ink);font-family:var(--mn-font-display);line-height:1.5}
a{color:var(--mn-pink)}
a:hover{color:var(--mn-pink-hover)}
:focus-visible{outline:3px solid var(--mn-yellow);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--mn-yellow);color:#000;padding:.5rem 1rem}
.skip:focus{left:1rem}

.bar{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a;flex-wrap:wrap}
.brand img{display:block}
nav{flex:1}
[role=tablist]{display:flex;gap:.25rem}
[role=tab]{background:transparent;color:var(--mn-muted);border:1.5px solid transparent;border-radius:var(--mn-radius-pill);padding:.4rem 1rem;font:inherit;cursor:pointer}
[role=tab][aria-selected=true]{color:#000;background:var(--mn-pink)}
[role=tab]:hover:not([aria-selected=true]){border-color:#444;color:var(--mn-ink)}
.who{color:var(--mn-muted);font-size:.9rem;display:flex;gap:.75rem;align-items:center}
.who button{background:transparent;color:var(--mn-muted);border:1px solid #444;border-radius:var(--mn-radius-control);padding:.25rem .6rem;font:inherit;cursor:pointer}

main{max-width:1180px;margin:0 auto;padding:1.5rem}
h1{font-size:1.6rem;margin:.25rem 0 .75rem}
h2{font-size:1.05rem;margin:0 0 .75rem;font-weight:600}
.muted{color:#b8b8b8;font-weight:400}
.card{background:var(--mn-surface);border:var(--mn-border-card) solid #262626;border-radius:var(--mn-radius-card);padding:1.25rem;margin-bottom:1.25rem}
.center{max-width:460px;margin:12vh auto;text-align:center}
.primary{background:var(--mn-pink);color:#000;border:0;border-radius:var(--mn-radius-pill);padding:.7rem 1.4rem;font:600 1rem var(--mn-font-display);cursor:pointer}
.primary:hover{background:var(--mn-pink-hover)}

.grid.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}
.kpi{background:var(--mn-surface);border:var(--mn-border-card) solid #262626;border-radius:var(--mn-radius-card);padding:1rem 1.25rem}
.kpi .label{color:#b8b8b8;font-size:.85rem}
.kpi .value{font:800 italic 2.2rem var(--mn-font-display);line-height:1.1}
.kpi .sub{font-family:var(--mn-font-mono);font-size:.8rem;color:#b8b8b8}

.bars{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.bars li{display:grid;grid-template-columns:9rem 1fr 4rem;gap:.75rem;align-items:center}
.track{position:relative;height:.8rem;background:#222;border-radius:var(--mn-radius-pill);overflow:hidden}
.fill{position:absolute;inset:0 auto 0 0;border-radius:var(--mn-radius-pill)}
.target{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--mn-yellow)}
.num{font-family:var(--mn-font-mono);text-align:right}
.ok{background:var(--mn-violet)} .warn{background:var(--mn-yellow)} .bad{background:var(--mn-pink)}

table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #262626;vertical-align:top}
th{color:#b8b8b8;font-weight:600}
td.mono,.mono{font-family:var(--mn-font-mono)}
.pill{display:inline-block;padding:.05rem .6rem;border-radius:var(--mn-radius-pill);font-size:.8rem;font-weight:600;color:#000}
details{margin-bottom:.75rem}
summary{cursor:pointer;font-weight:600;padding:.4rem 0}
.dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0}
.dl dt{color:#b8b8b8}.dl dd{margin:0;font-family:var(--mn-font-mono)}
.trend svg{width:100%;height:160px;display:block}
.err{color:var(--mn-pink)}
@media (prefers-reduced-motion:no-preference){.fill{transition:width .4s ease}}
.sugg{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.sugg li p{margin:.2rem 0 0}
.sugg a{word-break:break-all}