:root{--bg:#f4f5f7;--sf:#fff;--sub:#f9fafb;--ln:#e2e5ea;--ln2:#eef0f3;--ink:#0d1117;--ink2:#30363f;--mu:#5d6470;--fa:#727a87;
--ac:#1d4ed8;--ac-bg:#eaf0fd;--pri:#0d1117;--pri-h:#262c36}
.top{background:#0d1117;border-color:#0d1117}
.top .title{color:#fff}.top .org{color:#a9b1bd}.top .mark{background:var(--ac)}
.top .tabs button{color:#a9b1bd}.top .tabs button:hover,.top .tabs button[aria-pressed="true"]{color:#fff}
.top .tabs button[aria-pressed="true"]::after{background:#5b8cff}
.top .status{background:#161c25;border-color:#2a313c;color:#d6dbe2}
.gw{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.fl2{display:block;font-size:12px;font-weight:700;color:var(--mu);margin:14px 0 6px}.fl2:first-child{margin-top:0}
.fv{margin:0;font-size:13px;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--ln);background:var(--sf);font-size:12.5px;color:var(--ink2)}
.chip.on{border-color:var(--ac);background:var(--ac-bg);color:var(--ac);font-weight:700}
.seg.wide{display:flex}.seg.wide button{flex:1;justify-content:center}
.fb{width:100%;margin-top:18px;height:38px}
.bnote{margin-top:8px}
.vh{display:flex;align-items:baseline;gap:12px;margin:2px 0 10px}.vh h2{margin:0;font-size:15px}
.vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vc{cursor:pointer;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.vc:hover{border-color:#c3c9d2}.vc.on{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}
.bw{background:#e9ecf0;line-height:0}
svg.bn{display:block;width:100%;height:auto}
.vb{padding:10px 12px 12px}
.vt{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vt>b{font-size:13px}
.vs{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap}
.vs.ok{background:var(--ok-bg);color:var(--ok)}.vs.wr{background:var(--warn-bg);color:var(--warn)}.vs.ng{background:var(--bad-bg);color:var(--bad)}.vs.x{background:var(--gray-bg);color:var(--mu)}
.pk2{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.cbx{width:16px;height:16px;border:1.5px solid #98a0ad;border-radius:4px;display:inline-grid;place-items:center;flex:none;background:var(--sf)}
.cbx.on{background:var(--ac);border-color:var(--ac)}
.cbx.on::after{content:"";width:7px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.vm{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--mu);margin-bottom:6px}.vm b{font-size:18px;color:var(--ink)}
/* バナーの部品（SVG） */
.bn text{font-family:"Hiragino Sans","Noto Sans JP","Noto Sans CJK JP",sans-serif}
.bn .hd{font-weight:800;letter-spacing:-.01em}.bn .sb{font-size:13px;font-weight:600}.bn .lg{font:800 11px var(--num);letter-spacing:.16em}.bn .ct{font-size:11px;font-weight:700}
.bn .w{fill:#fff}.bn .k{fill:#0d1117}.bn .yl{fill:#ffd23f}.bn .g{fill:#3c4450}.bn .nv{fill:#152a4f}.bn .nv2{fill:#33476b}.bn .or{fill:#c2410c}.bn .tl{fill:#0b5f5f}.bn .rd{fill:#b91c1c}
.bn .f-blk{fill:#111418}.bn .f-yl{fill:#ffd23f}.bn .f-wh{fill:#fff}.bn .f-bl{fill:#1d4ed8}.bn .f-or{fill:#d9480f}.bn .f-or2{fill:#e8641f}.bn .f-gy{fill:#e9eef5}.bn .f-gy2{fill:#d5deea}.bn .f-nv{fill:#152a4f}
.bn .f-tl{fill:#0b5f5f}.bn .f-tl2{fill:#094d4d}.bn .f-rd{fill:#b91c1c}.bn .f-rd2{fill:#a01818}
.bn .db path{stroke:#fff;stroke-width:5;stroke-linecap:round;fill:none}
.bn .fig circle{fill:#152a4f}.bn .fig path{stroke:#152a4f;stroke-width:6;stroke-linecap:round;fill:none}
.bn .sky circle{fill:#f6c453}.bn .sky path{fill:#0e7676}
/* 予測 */
.pw{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:12px;align-items:start;margin-bottom:12px}
.side{display:flex;flex-direction:column;gap:12px;min-width:0}
.big{max-width:720px;margin:0 auto;border:1px solid var(--ln);line-height:0}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pk div{border:1px solid var(--ln);border-radius:6px;padding:10px 12px}.pk span{font-size:12px;color:var(--mu)}.pk b{display:block;font-size:22px}.pk em{font-style:normal;font-size:11.5px;color:var(--mu)}
.wn{color:var(--warn)}
.fr2{display:grid;grid-template-columns:minmax(0,1fr) 80px 40px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--ln2);font-size:12.5px}
.fr2.base,.fr2.tot{grid-template-columns:1fr auto}.fr2.tot{border-bottom:0;font-weight:700}.fr2.tot b{color:var(--ac);font-size:15px}
.fb2{height:8px;background:var(--ln2);border-radius:4px;position:relative;overflow:hidden}.fb2 i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.fb2 i.p{background:#2f8f63}.fb2 i.m{background:#d0503f}
.fr2>b{text-align:right}.fr2 .pl{color:var(--ok)}.fr2 .mn{color:var(--bad)}
.rv2{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--ln2);font-size:13px}
.rv2 svg{margin-top:3px}.rv2.ok{color:var(--ok)}.rv2.ng{color:var(--bad)}.rv2.wr{color:var(--warn)}.rv2 b{color:var(--ink);font-weight:600}
.ra{display:flex;gap:6px;margin:12px 0}
.cmpv .cb2{fill:#9aa6b8}.cmpv .cb2.ok{fill:#7f9be6}.cmpv .cb2.on{fill:var(--ac)}.cmpv .cb2.ng{fill:#e6a49c}.cmpv .cb2.wr{fill:#e9bf84}
.cmpv .eb{stroke:#30363f;stroke-width:1.2}
svg.plot .xl{font:11.5px "Hiragino Sans","Noto Sans JP",sans-serif;fill:var(--ink2)}
/* A/B */
.abk{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.abc.B{border-color:#7fb79a}
.abh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ln)}
.abl{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font:800 13px var(--num);color:#fff}.abl.A{background:#5d6470}.abl.B{background:var(--ac)}
.abg{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;padding:14px 16px;align-items:center}
.abb{line-height:0;border:1px solid var(--ln)}
.kv2{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:0;font-size:13px}.kv2 dt{color:var(--mu)}.kv2 dd{margin:0;text-align:right}.kv2 dd.b{font-size:15px}
.aw{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:12px;align-items:start}
.legend i.lA{background:#5d6470}.legend i.lB{background:var(--ac)}
#abl svg.plot .sa.ln{stroke:#5d6470}#abl svg.plot .sa.dt{fill:#5d6470}#abl svg.plot .sb.ln{stroke:var(--ac)}#abl svg.plot .sb.dt{fill:var(--ac)}
.pb{display:flex;align-items:baseline;justify-content:space-between}.pb span{font-size:13px;font-weight:600}.pb b{font-size:30px;color:var(--ac)}
.sug{margin:12px 0;padding:10px 12px;border-radius:6px;background:var(--ac-bg)}.sug b{font-size:12px;color:var(--ac)}.sug p{margin:2px 0 0;font-size:13px;line-height:1.7}
.abt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ok3{display:flex;gap:6px;align-items:center;color:var(--ok);font-weight:700;font-size:13px;margin:0 0 12px}
@media (max-width:1100px){.gw,.pw,.aw{grid-template-columns:minmax(0,1fr)}.vg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .top-in{flex-wrap:wrap;height:auto;padding:10px 12px 0;row-gap:4px}
 .tabs{order:3;width:100%;margin:0;height:40px}.tabs button{flex:1;justify-content:center;padding:0 4px;font-size:11.5px}.tabs button svg.i{display:none}
 .vg{grid-template-columns:minmax(0,1fr)}
 .pk{grid-template-columns:1fr}
 .abk{grid-template-columns:1fr}.abg{grid-template-columns:1fr}
 .vh{flex-direction:column;gap:2px}
}