@font-face{font-family:"Kumbh Sans";src:url(fonts/kumbh-latin.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/sourcesans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#10212c;--ink2:#3b5563;--petrol:#0b3d57;--petrol2:#11577a;--sky:#e7f2f8;--paper:#f6f9fb;--card:#fff;--line:#d6e3eb;
--rust:#76280a;--rust2:#943511;--gold:#c9941a;--gold2:#f3dca0;--green:#1d7f55;--amber:#c98a12;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.pts,.pos,.brand,.kicker,.vs{font-family:"Kumbh Sans",system-ui,sans-serif}
a{color:var(--petrol2)}img{max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:20;background:#fff;padding:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.strip{background:var(--ink);color:#cfe0ea;font-size:13px}.strip .wrap{display:flex;flex-wrap:wrap;gap:2px 14px;justify-content:space-between;padding-top:6px;padding-bottom:6px}
.strip b{color:#fff}.strip a{color:#fff;text-decoration:none}
header.top{background:var(--petrol);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.top-in{display:flex;align-items:center;gap:20px;min-height:60px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.01em;flex:none}
.brand em{font-style:normal;color:var(--gold2)}
.nav{display:flex;align-items:center;gap:16px;font-weight:600;font-size:15px;flex:1}
.nav a{color:#d9ebf4;text-decoration:none}.nav a:hover{color:#fff}
.dd{position:relative}.dd summary{cursor:pointer;color:#d9ebf4;list-style:none}.dd summary::-webkit-details-marker{display:none}.dd summary::after{content:" ▾";font-size:11px}
.dd ul{position:absolute;top:30px;left:-12px;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18);list-style:none;margin:0;padding:8px;min-width:220px;z-index:12}
.dd li a{display:block;color:var(--ink);padding:7px 10px;border-radius:8px}.dd li a:hover{background:var(--sky)}
.nav-on summary,.nav-on>a{color:#fff}
.lang{margin-left:auto;font-size:13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}
.burger span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0;margin:0 0 0;font-size:14px;color:var(--ink2)}
.crumbs li+li::before{content:"›";margin-right:6px}.crumbs a{color:var(--ink2)}
/* hero */
.hero{background:var(--petrol);color:#fff;padding:26px 0 0;border-bottom:6px solid var(--gold)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:28px;align-items:end}
.hero-grid>*,.lrow>*,.steps>*,.medal>*{min-width:0}
.kicker{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.12);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;color:var(--gold2)}
.hero h1{font-size:40px;line-height:1.08;margin:12px 0;letter-spacing:-.02em}
.lead{font-size:18px;color:#d8e8f1;max-width:640px;margin:0 0 14px}.lead b,.lead strong{color:#fff}.lead a{color:#fff}
.byline{display:flex;align-items:center;gap:10px;font-size:14px;margin:0 0 18px}
.byline img{width:40px;height:40px;border-radius:50%;border:2px solid var(--gold2);object-fit:cover}
.hero .byline{color:#cfe0ea}.hero .byline a{color:#fff;font-weight:700}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.chip{background:#fff;color:var(--ink);border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.3;box-shadow:0 2px 8px rgba(11,61,87,.12)}
.chip b{display:block;font:800 20px/1.1 "Kumbh Sans",sans-serif;color:var(--petrol)}
.podium{background:var(--card);color:var(--ink);border-radius:18px 18px 0 0;padding:16px 16px 0;box-shadow:0 -6px 30px rgba(0,0,0,.18)}
.podium-h{font:700 14px "Kumbh Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin:0 0 12px;display:flex;justify-content:space-between;gap:8px}
.podium-h span{text-transform:none;letter-spacing:0;font-weight:600;color:var(--green)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.step{text-align:center;border-radius:12px 12px 0 0;padding:10px 8px 12px;background:var(--sky);display:flex;flex-direction:column;align-items:center;gap:6px}
.step .n{font:800 13px "Kumbh Sans",sans-serif;color:var(--ink2)}.step.s1 .n{color:var(--gold)}.step b{font-size:14px;line-height:1.2}
.plogo{display:flex;align-items:center;justify-content:center;background:var(--ink);border-radius:8px;padding:4px 6px;height:42px;width:100%;max-width:120px}
.plogo img{max-height:32px;width:auto}
.step .pts{font-size:21px;min-width:52px;height:38px}.step.s1 .pts{background:var(--gold);color:#1d1400}
.step.s1{background:linear-gradient(180deg,#fff7e0,var(--gold2));padding-top:18px;min-height:200px}.step.s2{min-height:170px}.step.s3{min-height:150px}
.step .cta{font-size:13px;padding:7px 8px;width:100%}
/* sections */
.sec{padding:34px 0}.sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
h2{font-size:28px;line-height:1.18;margin:0 0 10px;letter-spacing:-.015em}h3{font-size:20px;margin:18px 0 6px}
.sub{color:var(--ink2);margin:4px 0 0;font-size:15px}.disc{font-size:13px;color:var(--ink2)}
.answer{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:14px 16px;margin:0 0 16px;font-size:17px}
.answer b{display:block;font:800 12px "Kumbh Sans",sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);margin-bottom:2px}.answer p{margin:0}
/* league */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:600 14px "Source Sans 3",sans-serif;color:var(--ink);cursor:pointer;min-height:38px}
.filters button[aria-pressed=true]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.league{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lhead,.lrow{display:grid;grid-template-columns:40px 120px minmax(0,1.05fr) minmax(0,1.6fr) 104px 88px 60px 170px;gap:12px;align-items:center;padding:12px 16px}
.lhead{background:var(--sky);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);padding-top:9px;padding-bottom:9px}
.lrow{border-top:1px solid var(--line)}.lrow:nth-child(even){background:#fbfdfe}
.lrow.is-more,.lrow.is-off{display:none}.league.open .lrow.is-more:not(.is-off){display:grid}
.lrow.crown{background:linear-gradient(90deg,#fff8e6,#fff 40%);box-shadow:inset 4px 0 0 var(--gold)}
.pos{font-weight:800;font-size:20px;color:var(--petrol);text-align:center}.crown .pos{color:var(--gold)}
.logo{display:flex;align-items:center;justify-content:center;background:var(--ink);border-radius:10px;height:48px;padding:6px;overflow:hidden}
.logo img{max-height:36px;width:auto;object-fit:contain}.logo--txt{color:#fff;font-weight:700;font-size:14px}
.logo--lg{height:64px;width:150px;flex:none}.logo--lg img{max-height:48px}
.who b{display:block;font-size:17px;line-height:1.25}.who b a{color:var(--ink);text-decoration:none}.who small,.bonus small,.cell small{display:block;color:var(--ink2);font-size:13px;line-height:1.35}
.bonus b{font-size:15px;line-height:1.3;display:block}.cell{font-size:14px;font-weight:600}
.form{display:inline-grid;grid-template-columns:repeat(6,13px);gap:3px}.form i{height:22px;border-radius:3px;display:block}
.f-hi{background:var(--green)}.f-mid{background:#7fb99b}.f-lo{background:var(--amber)}
.pts{display:inline-grid;place-items:center;min-width:52px;height:40px;border-radius:10px;background:var(--petrol);color:#fff;font-weight:800;font-size:19px}
.crown .pts{background:var(--gold);color:#1d1400}
.act{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.cta{display:inline-block;text-align:center;background:var(--rust);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:10px 14px;font-size:15px;line-height:1.25}
.cta:hover{background:var(--rust2)}.cta--lg{display:block;font-size:18px;padding:14px}
.rev{text-align:center;font-size:13px;color:var(--petrol2)}
.more{display:block;width:100%;margin-top:12px;padding:12px;border:1px dashed var(--petrol2);background:#fff;border-radius:12px;font:700 15px "Source Sans 3",sans-serif;color:var(--petrol);cursor:pointer}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink2);margin:10px 0 0}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px}
/* medals */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.medal{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 14px;align-items:center}
.medal .lab{grid-column:1/-1;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}
.medal .logo{height:44px}.medal b{font-size:17px}.medal b a{color:var(--ink);text-decoration:none}.medal small{display:block;color:var(--ink2)}.medal .cta{grid-column:1/-1;font-size:14px;padding:9px}
/* duel */
.duel{background:var(--ink);color:#fff;border-radius:20px;padding:22px}.duel h2{color:#fff}.duel .sub{color:#b8cdd9}
.duel-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:16px 0}
.duel select{width:100%;padding:12px;border-radius:10px;border:0;font:700 16px "Source Sans 3",sans-serif;background:#fff;color:var(--ink)}
.vs{font-weight:800;font-size:22px;color:var(--gold2);text-align:center}
.duel table{width:100%;border-collapse:collapse;font-size:15px}
.duel th,.duel td{padding:9px 8px;border-top:1px solid rgba(255,255,255,.12);text-align:center}.duel th{font-weight:600;color:#b8cdd9;width:28%}
.duel thead th{color:#fff;font-weight:800}
.duel td.win{color:#fff;font-weight:800;background:rgba(201,148,26,.22)}
.verdict{margin:14px 0 0;background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;font-size:16px}.verdict b{color:var(--gold2)}
.duel-ctas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.duel-more{margin:10px 0 0;font-weight:700}
.duelboard{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.dside{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:10px;border-radius:12px}
.dside.is-win{background:linear-gradient(180deg,#fff7e0,#fff)}.dside b{font-size:18px}.dside b a{color:var(--ink);text-decoration:none}
.wbadge{font:800 12px "Kumbh Sans",sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.duelboard .vs{color:var(--petrol);font-size:30px}
.duel--static{margin-bottom:18px}
/* calc, method, cmp */
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0;color:var(--ink)}
.calc label{display:block;font-weight:700;font-size:14px;margin:0 0 10px}
.calc input[type=number]{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:10px;font:600 16px "Source Sans 3",sans-serif}
.calc .chk{font-weight:600}.calc .res{background:var(--sky);border-radius:12px;padding:16px}.calc .big{display:block;font:800 34px "Kumbh Sans",sans-serif;color:var(--petrol)}
.method{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0}
.method div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px}.method b{font:800 24px "Kumbh Sans",sans-serif;color:var(--petrol);display:block}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.cmp,.prose table,.facts table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px;margin:12px 0 18px}
.cmp th,.cmp td,.prose th,.prose td,.facts th,.facts td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th,.prose thead th{background:var(--sky);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}
.facts th{width:38%;color:var(--ink2);font-weight:600;background:#fbfdfe}
/* articles */
.art{padding-bottom:30px}.art-head{max-width:820px;padding:18px 0 4px}.art-head h1{font-size:38px;line-height:1.12;margin:6px 0 12px;letter-spacing:-.02em}
.art-head .byline a{font-weight:700}
.art-grid{display:block}.art--side .art-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.art-main{min-width:0}.prose{max-width:780px}.prose p{margin:0 0 14px}.prose h2{margin-top:30px}.prose ul,.prose ol{padding-left:22px;margin:0 0 14px}.prose li{margin:4px 0}
.home-prose .prose{margin:0 auto}
.toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin:6px 0 18px;font-size:15px}.toc summary{font-weight:700;cursor:pointer}.toc ol{margin:8px 0 4px;padding-left:20px}
.ltop{margin:6px 0 22px}.ltop-h{font-size:22px}
.side{position:sticky;top:76px}.side .mini{margin:0}.side-more{font-weight:700;font-size:15px;margin:8px 0 0}
.mini{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:18px 0}.mini-h{font-size:18px;margin:0 0 10px}
.mini ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mini li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"logo who pts" "cta cta cta";gap:6px 10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mini li:last-child{border:0;padding-bottom:0}.mini .logo{grid-area:logo;height:40px}.mini-who{grid-area:who;min-width:0}.mini-who b{display:block;font-size:15px}.mini-who b a{color:var(--ink);text-decoration:none}
.mini-who small{display:block;font-size:13px;color:var(--ink2);line-height:1.3}.mini .pts{grid-area:pts;min-width:44px;height:34px;font-size:16px}.mini .cta{grid-area:cta;font-size:14px;padding:8px}
@media(min-width:901px){.art-main .mini ol,.alt-top .mini ol{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.art-main .mini li{border:1px solid var(--line);border-radius:12px;padding:10px}}
.verdict-box{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:var(--r);padding:18px;margin:0 0 18px;display:grid;gap:14px}
.vb-top{display:flex;gap:14px;align-items:center}.vb-top>div{flex:1;min-width:0}.vb-rank{font:700 12px "Kumbh Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2)}
.vb-name{display:block;font:800 24px "Kumbh Sans",sans-serif}.vb-verdict{margin:4px 0 0;color:var(--ink2)}
.pts--lg{min-width:76px;height:64px;font-size:28px;background:var(--gold);color:#1d1400}.pts--lg small{font-size:13px;margin-left:2px}
.form--lab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.fl{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:14px;gap:2px 8px}.fl i{grid-column:1/-1;order:3;height:8px;border-radius:4px;background:linear-gradient(90deg,currentColor var(--w),#e3ecf1 var(--w))}
.fl i.f-hi{color:var(--green);background:linear-gradient(90deg,var(--green) var(--w),#e3ecf1 var(--w))}.fl i.f-mid{background:linear-gradient(90deg,#7fb99b var(--w),#e3ecf1 var(--w))}.fl i.f-lo{background:linear-gradient(90deg,var(--amber) var(--w),#e3ecf1 var(--w))}
.fl b{font-weight:600}.fl em{font-style:normal;font-weight:800}
.vb-bonus{background:var(--sky);border-radius:12px;padding:12px 14px}.vb-bonus span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink2)}.vb-bonus b{display:block;font-size:18px}.vb-bonus small{display:block;color:var(--ink2);font-size:14px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.pc>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}.pc h3{margin:0 0 6px;font-size:17px}
.pc ul{margin:0;padding-left:20px}.pc-p li::marker{content:"＋ ";color:var(--green)}.pc-c li::marker{content:"– ";color:var(--rust)}
.cta-band{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:18px 0}.cta-band .logo{width:110px;flex:none}.cta-band b{flex:1}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:8px 0 18px}
.card{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);font-weight:600}
.card:hover{border-color:var(--petrol2)}.card--b{justify-content:flex-start}.card--b .logo{width:90px;height:40px;flex:none}.card--b b{flex:1}.card--b .pts{min-width:44px;height:34px;font-size:16px}
.alts{columns:2;margin:0 0 18px}
.faq{max-width:780px;margin:24px 0}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px}
.faq summary{font-weight:700;cursor:pointer}.faq details>div{padding-top:6px}.faq details p{margin:0 0 8px}
.author{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;align-items:center;max-width:780px;margin:22px 0}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}.author p{margin:4px 0 0;color:var(--ink2);font-size:15px}
.sibs{max-width:780px;margin:22px 0}.sibs h2{font-size:20px}.sibs ul{columns:2;padding-left:18px;margin:0}.sibs li{margin:3px 0}
.log{margin:22px 0}.log h2{font-size:20px}.smap{columns:2}
.sec-in{margin:22px 0}
footer.foot{background:var(--ink);color:#b8cdd9;padding:30px 0 90px;font-size:14px;margin-top:20px}
.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:18px}.foot-cols b{display:block;color:#fff;margin-bottom:6px}.foot-cols a{display:block;color:#cfe0ea;text-decoration:none;padding:3px 0}
.foot a{color:#fff}.age{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #fff;color:#fff;font-weight:800;margin-right:8px}
.sticky{display:none}
@media (max-width:1060px){.lhead,.lrow{grid-template-columns:36px 100px minmax(0,1fr) minmax(0,1.4fr) 96px 56px 150px}.c-wd{display:none}.lhead span:nth-child(6){display:none}}
@media (max-width:900px){
 body{font-size:16px}
 .burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:60px;background:var(--petrol);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;box-shadow:0 10px 20px rgba(0,0,0,.2)}
 .nav.open{display:flex}.nav>a,.dd summary{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);display:block}.dd ul{position:static;box-shadow:none;background:rgba(255,255,255,.06);margin:4px 0 8px}.dd li a{color:#fff}.lang{margin:10px 0 0;align-self:flex-start}
 .hero{padding-bottom:14px}.hero-grid{grid-template-columns:1fr;gap:6px}.hero h1{font-size:29px}.lead{font-size:16px}.chips{gap:6px;margin-bottom:12px}.chip{font-size:12px;padding:6px 10px}.chip b{font-size:17px}
 .podium{border-radius:16px;padding:12px}.steps{gap:6px}.step{padding:8px 4px}.step.s1{min-height:0;padding-top:10px}.step.s2,.step.s3{min-height:0}.step b{font-size:12px}.step .cta{font-size:12px;padding:6px 4px}.step .pts{font-size:17px;min-width:40px;height:32px}
 .lhead{display:none}
 .lrow{grid-template-columns:30px 84px minmax(0,1fr) 50px;grid-template-areas:"pos logo who pts" "bonus bonus bonus bonus" "form form wd wd" "act act act act";gap:8px 10px;padding:12px}
 .pos{grid-area:pos;font-size:18px}.lrow .logo{grid-area:logo;height:40px}.who{grid-area:who}.who b{font-size:16px}.lrow .pts{grid-area:pts;min-width:46px;height:36px;font-size:17px}
 .bonus{grid-area:bonus}.c-form{grid-area:form}.c-wd{display:block;grid-area:wd;text-align:right;align-self:center}.c-wd small{display:inline;margin-right:4px}
 .act{grid-area:act;flex-direction:row;align-items:center}.act .cta{flex:1}.act .rev{flex:none;padding:0 6px}
 .grid3{grid-template-columns:1fr}.duel-pick{grid-template-columns:1fr}.duel{padding:16px;border-radius:16px}.duel th{width:30%}.duel-ctas{grid-template-columns:1fr}
 .calc{grid-template-columns:1fr}.method{grid-template-columns:repeat(2,minmax(0,1fr))}
 h2{font-size:23px}.sec{padding:24px 0}.art-head h1{font-size:28px}
 .art--side .art-grid{grid-template-columns:1fr}.side{position:static}
 .pc{grid-template-columns:1fr}.form--lab{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-top{flex-wrap:wrap}.logo--lg{width:120px;height:52px}
 .duelboard{grid-template-columns:1fr 40px 1fr;padding:10px}.dside{padding:6px}.dside b{font-size:15px}.dside .cta{font-size:13px;padding:8px}.duelboard .logo--lg{width:100%}
 .foot-cols{grid-template-columns:1fr 1fr}.sibs ul,.alts,.smap{columns:1}
 .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:8px 12px;gap:10px;align-items:center;z-index:9;box-shadow:0 -4px 14px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s}
 .sticky.on{transform:none}.slogo{display:flex;background:var(--ink);border-radius:6px;padding:3px;height:34px;width:70px;align-items:center;justify-content:center}.slogo img{max-height:26px;width:auto}
 .sticky b{font-size:14px;flex:1;min-width:0}.sticky .cta{padding:9px 14px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sticky{transition:none}}
.answer-after{margin-top:18px}
@media (min-width:901px){.art-main .lhead{display:none}.art-main .lrow{grid-template-columns:34px 104px minmax(0,1fr) 58px 160px;grid-template-areas:"pos logo who pts act" "pos logo bonus pts act";gap:2px 14px}.art-main .pos{grid-area:pos}.art-main .lrow .logo{grid-area:logo}.art-main .who{grid-area:who}.art-main .bonus{grid-area:bonus}.art-main .lrow .pts{grid-area:pts}.art-main .act{grid-area:act}.art-main .c-form,.art-main .c-wd{display:none}.art-main .who b{display:inline;margin-right:8px}.art-main .who small{display:inline}}
.logo:has(img[src*="kumobet"]),.logo:has(img[src*="trivelabet"]),.plogo:has(img[src*="kumobet"]),.slogo:has(img[src*="trivelabet"]){background:#fff;border:1px solid var(--line)}