:root{color-scheme:light dark;
--bg:light-dark(#ffffff,#0e1114);--ink:light-dark(#111418,#eef2f5);--mut:light-dark(#56606b,#9aa6b2);
--red:#d52b1e;--redd:light-dark(#b32317,#ff6b5c);--ice:light-dark(#eaf4f8,#16222b);--line:light-dark(#dbe3e8,#2a343d);
--card:light-dark(#ffffff,#141a20);--good:light-dark(#0a7d43,#4cd88f);--warn:light-dark(#8a5a00,#f2b84b)}
*{box-sizing:border-box;min-width:0}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:clip}
h1,h2,h3{overflow-wrap:anywhere;font-family:Archivo,Inter,system-ui,sans-serif;line-height:1.1;text-wrap:balance;margin:0 0 .4em}
h1{font-size:clamp(30px,5vw,50px);font-weight:800}
h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;margin-top:.2em}
h3{font-size:19px}
a{color:inherit}
p{max-width:72ch}
.wrap{max-width:1180px;margin:0 auto}
.band{padding:clamp(28px,4vw,60px) max(5vw,16px)}
.ice{background:var(--ice)}
.top{background:var(--red);color:#fff;padding:12px max(5vw,16px)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.logo{display:flex;align-items:center;gap:10px;font:800 22px Archivo,sans-serif;text-decoration:none;margin-right:auto}
.logo svg{width:30px;height:30px}
.nav a.l{text-decoration:none;font-weight:500;padding:10px 2px}
.nav a.l:hover,.nav a.l[aria-current]{text-decoration:underline}
.lang{display:flex;gap:4px}
.lang a{padding:6px 9px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600}
.lang a[aria-current]{background:#fff;color:var(--red)}
.hero{background:var(--red);color:#fff;padding:clamp(18px,3vw,40px) max(5vw,16px) clamp(28px,4vw,50px)}
.hero p{font-size:18px;margin:10px 0 0;opacity:.95}
.crumb{font-size:14px;opacity:.9;margin-bottom:10px}
.crumb a{color:#fff}
.ctrls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}
label{display:block;font-size:13px;font-weight:600;color:var(--mut);margin-bottom:6px}
input,select,button{font:inherit;font-size:16px;min-height:44px;border-radius:8px}
input,select{width:100%;padding:8px 10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.ctrls>div{flex:1 1 180px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.list{display:grid;gap:10px}
.row{display:grid;grid-template-columns:30px minmax(0,1.6fr) minmax(0,1.2fr) auto auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.rk{font:800 18px Archivo,sans-serif;color:var(--mut)}
.row.first .rk{color:var(--red)}
.nm a{font-weight:700;font-size:17px;text-decoration:none}
.nm a:hover{text-decoration:underline}
.nm span{display:block;font-size:13px;color:var(--mut)}
.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:20px;background:var(--ice);white-space:nowrap}
.badge.ok{color:var(--good)}.badge.old{color:var(--warn)}
.pr{font:800 22px Archivo,sans-serif;white-space:nowrap;text-align:right}
.pr small{display:block;font:500 12px Inter,sans-serif;color:var(--mut)}
.pr.na{font:500 14px Inter,sans-serif;color:var(--mut)}
.btn{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:600;font-size:15px;white-space:nowrap;text-align:center}
.btn.red{background:var(--red);color:#fff;white-space:normal}
.btn:hover{opacity:.9}
.note{font-size:13px;color:var(--mut);margin-top:12px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--card)}
.card p{margin:.3em 0 0}
.facts{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start}
.big{font:800 clamp(40px,7vw,64px)/1 Archivo,sans-serif;margin:6px 0}
dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:16px 0 0}
dt{color:var(--mut);font-size:14px}dd{margin:0;font-weight:500}
ul.tips{padding-left:20px}ul.tips li{margin:6px 0}
details{border-bottom:1px solid var(--line);padding:12px 0}
summary{font-weight:600;cursor:pointer;min-height:24px}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);margin-top:18px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chk{display:flex;gap:10px;align-items:center;font-size:15px;grid-column:1/-1}
.chk input{width:22px;min-height:22px}
.out{background:var(--card);border-radius:14px;padding:22px;border:1px solid var(--line)}
.verdict{font:800 clamp(28px,4vw,42px)/1.05 Archivo,sans-serif;margin:6px 0 4px}
.verdict.win{color:var(--good)}.verdict.lose{color:var(--redd)}
table{width:100%;border-collapse:collapse;margin-top:14px;font-size:15px}
td{padding:8px 0;border-bottom:1px solid var(--line)}
td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
tr.t td{font-weight:700;border-bottom:0}
footer{background:#111418;color:#cfd6dc;padding:36px max(5vw,16px);font-size:14px}
footer .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
footer h3{color:#fff;font-size:16px}
footer p{margin:0 0 6px}
@media(max-width:860px){.grid3,.facts,.calc{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.row{grid-template-columns:24px minmax(0,1fr) auto}.row .st{grid-column:2/-1}.row .btn{grid-column:1/-1}.fields{grid-template-columns:minmax(0,1fr)}footer .cols{grid-template-columns:minmax(0,1fr)}}