
:root{color-scheme:light dark;
 --ink:#1a1c20;--ink2:#4f555e;--ink3:#5c636d;--bg:#f8f9fb;--card:#fff;
 --rule:#e0e4ea;--accent:#1f4e79;--accent2:#e8eff6;--hi:#a8420d;--ok:#1d6e4f;--grid:#eff2f6;
 --onaccent:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
 --ink:#eceff3;--ink2:#a9b1bb;--ink3:#9aa3ae;--bg:#101318;--card:#171b21;
 --rule:#282e37;--accent:#6fa8d6;--accent2:#151f2a;--hi:#e08a5f;--ok:#5cc298;--grid:#141820;
 --onaccent:#0d1117}}
:root[data-theme=dark]{--ink:#eceff3;--ink2:#a9b1bb;--ink3:#9aa3ae;--bg:#101318;--card:#171b21;
 --rule:#282e37;--accent:#6fa8d6;--accent2:#151f2a;--hi:#e08a5f;--ok:#5cc298;--grid:#141820;
 --onaccent:#0d1117}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.75;
 font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,sans-serif;
 -webkit-text-size-adjust:100%}
.wrap{max-width:920px;margin:0 auto;padding:0 18px 80px}
header{padding:20px 0 0}
.brand{font-size:18px;font-weight:800;text-decoration:none;color:var(--ink)}
.tag{font-size:13px;color:var(--ink2);margin:5px 0 12px}
nav{display:flex;flex-wrap:wrap;gap:2px;border-bottom:2px solid var(--accent);padding-bottom:0}
nav a{font-size:13px;padding:7px 13px;text-decoration:none;color:var(--ink2);
 border-radius:7px 7px 0 0;white-space:nowrap}
nav a:hover{background:var(--grid)}
nav a.on{background:var(--accent);color:var(--onaccent);font-weight:700}
html{line-break:strict}
h1,h2,h3,h4{overflow-wrap:anywhere;word-break:auto-phrase;text-wrap:balance}
p,li,td,th,dd,dt{text-wrap:pretty}
.kpi .l,.c p{word-break:auto-phrase;text-wrap:balance}
h1{font-size:clamp(22px,4.8vw,31px);line-height:1.34;margin:26px 0 10px;text-wrap:balance}
h2{font-size:clamp(17px,3.4vw,21px);margin:40px 0 6px;text-wrap:balance}
h3{font-size:16px;margin:26px 0 4px}
p{margin:12px 0}
.src{background:var(--accent2);border-inline-start:4px solid var(--accent);
 padding:14px 18px;border-radius:0 8px 8px 0;font-size:14px;margin:20px 0}
.src b{color:var(--accent)}
.ad{border:1px dashed var(--rule);border-radius:10px;padding:14px 16px;margin:26px 0;background:var(--card)}
.ad .adlabel{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink3);margin:0 0 6px}
.brands{margin:0 0 18px;padding-left:1.2em;line-height:1.9}
.brands .thin{margin-left:4px;font-size:13px}
.ad .adnote{font-size:12px;color:var(--ink3);margin:0 0 8px}
.ad ul{margin:0;padding-left:1.1em;font-size:14px}
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));margin:20px 0}
.kpi{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px}
.kpi .v{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.02em}
.kpi .l{font-size:12px;color:var(--ink3);margin-top:3px}
.scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:10px;margin:18px 0;background-image:linear-gradient(90deg,var(--card) 40%,rgba(255,255,255,0)),linear-gradient(270deg,var(--card) 40%,rgba(255,255,255,0)),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),rgba(0,0,0,0));background-color:var(--card);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}
td:first-child,th:first-child{white-space:nowrap;max-width:22em;overflow:hidden;text-overflow:ellipsis}
td:nth-last-child(2),th:nth-last-child(2){white-space:nowrap}
th,td{padding:9px 12px;text-align:start;border-bottom:1px solid var(--rule)}
thead th{background:var(--grid);font-size:12px;white-space:nowrap;color:var(--ink2)}
tbody tr:last-child td{border-bottom:none}
.n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.ok{color:var(--ok);font-weight:700}
.bad{color:var(--hi);font-weight:700}
.bar{display:inline-block;height:6px;border-radius:3px;background:var(--accent);vertical-align:middle}
.note{font-size:13px;color:var(--ink3);border-top:1px solid var(--rule);padding-top:14px;margin-top:36px}
a{color:var(--accent)}
.preflist a{display:inline-block;white-space:nowrap}
.preflist{word-break:keep-all}
.thin{color:var(--ink3);font-size:12px}
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:20px 0}
.c{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:16px 18px;text-decoration:none;color:inherit;display:block}
.c:hover{border-color:var(--accent)}
.c h3{margin:0 0 4px;font-size:16px;color:var(--accent)}
.c p{margin:4px 0 0;font-size:13px;color:var(--ink2)}
