:root{--ink: #1f1f1f;--ink-2: #5a5a5a;--ink-3: #8a8a8a;--line: #d9d9d6;--surface: #ffffff;--surface-2: #f6f6f4;--accent: #2a78d6;--accent-soft: #cde2fb;--danger: #b42318;--danger-soft: #fde8e6;--ok: #1a7f4b;--ok-soft: #e1f3e8}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--ink);background:var(--surface-2)}a{color:var(--accent)}.page{padding:1rem 1.25rem 3rem;max-width:72rem;margin:0 auto}.topbar{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;font-size:1.1rem;margin-right:.5rem}.topbar nav{display:flex;gap:1rem}.topbar nav a{text-decoration:none;color:var(--ink-2);padding:.25rem 0;border-bottom:2px solid transparent}.topbar nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.topbar .spacer{flex:1}.topbar .who{color:var(--ink-2);font-size:.9rem}button{font:inherit;padding:.35rem .75rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:.35rem .5rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}h1{font-size:1.4rem;margin:.5rem 0 1rem}h2{font-size:1.05rem;margin:1.75rem 0 .6rem}h3{font-size:.95rem;margin:1rem 0 .5rem}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-weight:600;color:var(--ink-2);font-size:.85rem}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem}.muted{color:var(--ink-2);font-size:.85rem}.error{color:var(--danger)}.row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.rt-head{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline}.rt-head h1{margin:0}.badge{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:var(--surface)}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge.warn{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.live{background:var(--accent-soft);color:#104281;border-color:transparent}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin-top:1rem}.tile{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.75rem .9rem}.tile .label{font-size:.8rem;color:var(--ink-2)}.tile .value{font-size:1.5rem;font-weight:600;margin-top:.15rem}.tile.hero .value{font-size:2.6rem}.tile .sub{font-size:1rem;color:var(--ink-2);margin-top:.1rem}.tile .sub .muted{font-size:.8rem;margin-left:.3rem}.tile .delta{font-size:.8rem;color:var(--ink-2);margin-top:.2rem}.tile .delta.up{color:var(--ok)}.tile .delta.down{color:var(--danger)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.bar-cell{width:40%;vertical-align:middle}.table-wrap{overflow-x:auto}td.name{white-space:nowrap}.bar{height:10px;border-radius:0 4px 4px 0;background:var(--accent);min-width:2px}.bar.neg{background:var(--danger)}.rank{display:inline-block;width:1.4rem;text-align:center;border-radius:4px;font-size:.8rem;font-weight:600}.rank.A{background:var(--accent-soft);color:#104281}.rank.B{background:#e8e8e5;color:var(--ink-2)}.rank.C{color:var(--ink-3)}@media(max-width:600px){.page{padding:.75rem 1rem 2rem}.bar-cell{width:30%}.tile.hero .value{font-size:2rem}.rank-table .bar-cell,.rank-table .dept{display:none}.rank-table th,.rank-table td{padding:.4rem .35rem}}