@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/gr/fonts/onest-400-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/gr/fonts/onest-400-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/gr/fonts/young-serif-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/gr/fonts/young-serif-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Grunnstoff – design system for bestegamblingsider.com (mockup v2) */
:root{
 --paper:#f2f4f3;--paper-2:#e6eae8;--card:#ffffff;--ink:#141a1c;--ink-2:#2f383b;--mut:#5b6669;--line:#dbe1df;--line-2:#c6cfcc;
 --cta:#0b8284;--cta-d:#086467;--cta-ink:#fff;
 --auto:#e4572e;--auto-bg:#fde4d9;--auto-ink:#8f2c10;
 --bord:#6a4bc4;--bord-bg:#e9e3fb;--bord-ink:#3f2690;
 --sport:#2b59c3;--sport-bg:#dfe7fb;--sport-ink:#1a3787;
 --trek:#c98a00;--trek-bg:#fbefc9;--trek-ink:#6d4a00;
 --kort:#4b5563;--kort-bg:#e7e9ed;--kort-ink:#2b323d;
 --gold:#c99a2e;--silver:#98a1a8;--bronze:#a9693c;
 --serif:'Young Serif',Georgia,serif;--sans:'Onest',system-ui,-apple-system,sans-serif;
 --r:10px;--shadow:0 1px 0 rgba(26,25,22,.04),0 12px 32px -20px rgba(26,25,22,.35)
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16.5px/1.65 var(--sans);font-feature-settings:"tnum" 1}
a{color:var(--cta-d);text-underline-offset:3px}img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}.narrow{max-width:780px}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(36px,5.2vw,64px);line-height:1.02}
h2{font-size:clamp(26px,3vw,38px);line-height:1.12;margin-bottom:12px}
h3{font-size:21px;line-height:1.25;margin-bottom:6px}
p{margin:0 0 14px}.mut{color:var(--mut)}
.eyebrow{font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 12px;display:flex;gap:10px;align-items:center}
.eyebrow i{width:22px;height:2px;background:var(--ink)}

/* ---------- topbar + header ---------- */
.topbar{background:var(--ink);color:#d8d2c6;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}
.topbar b{color:#fff;font-weight:600}
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.logo .tile-logo{width:44px;height:44px;border:2px solid var(--ink);border-radius:6px;position:relative;display:grid;place-items:center;font:800 19px/1 var(--sans);background:var(--card)}
.logo .tile-logo small{position:absolute;top:2px;left:4px;font:700 8px/1 var(--sans)}
.logo .tile-logo em{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:600 5.6px/1 var(--sans);font-style:normal;letter-spacing:.02em}
.logo b{font:400 20px/1 var(--serif)}.logo span{display:block;font-size:11px;color:var(--mut);margin-top:3px;letter-spacing:.02em}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 12px;border-radius:7px}
.nav a:hover{background:var(--paper-2)}
.nav .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px;vertical-align:1px}
.hd-cta{display:flex;gap:8px;align-items:center}
.pt-btn{font:700 13.5px var(--sans);background:var(--ink);color:#fff;border-radius:7px;padding:9px 14px;text-decoration:none}
.lang{font:700 12px var(--sans);color:var(--ink);text-decoration:none;border:1px solid var(--line-2);border-radius:6px;padding:6px 8px}
.burger{display:none}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta);color:var(--cta-ink);font:700 15px/1 var(--sans);padding:14px 20px;border-radius:8px;text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.btn:hover{background:var(--cta-d)}.btn.block{display:flex;width:100%}.btn.sm{padding:10px 14px;font-size:14px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn .arr{font-size:18px;line-height:0}

/* ---------- element tile ---------- */
.tile{--c:var(--ink);--bg:var(--card);--tx:var(--ink);position:relative;background:var(--bg);color:var(--tx);border-radius:6px;border:1.5px solid color-mix(in srgb,var(--c) 35%,transparent);aspect-ratio:1/1.08;padding:6px 7px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .12s,box-shadow .12s,opacity .2s}
.tile .n{font:700 10px/1 var(--sans);opacity:.75}.tile .c{position:absolute;top:6px;right:7px;font:700 10px/1 var(--sans);opacity:.75}
.tile .s{font:800 clamp(17px,1.7vw,24px)/1 var(--sans);letter-spacing:-.02em}
.tile .nm{font:600 9.5px/1.15 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile:hover,.tile.on{transform:translateY(-2px);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--c) 80%,transparent);border-color:var(--c)}
.tile.on{outline:2.5px solid var(--c);outline-offset:1px}
.tile.dim{opacity:.22}
.f-auto{--c:var(--auto);--bg:var(--auto-bg);--tx:var(--auto-ink)}
.f-bord{--c:var(--bord);--bg:var(--bord-bg);--tx:var(--bord-ink)}
.f-sport{--c:var(--sport);--bg:var(--sport-bg);--tx:var(--sport-ink)}
.f-trek{--c:var(--trek);--bg:var(--trek-bg);--tx:var(--trek-ink)}
.f-kort{--c:var(--kort);--bg:var(--kort-bg);--tx:var(--kort-ink)}

/* ---------- periodic table ---------- */
.ptable{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:5px;position:relative}
.ptable .gap{grid-column:3/13;grid-row:1/4;align-self:stretch;display:grid;grid-template-columns:1fr 1.05fr;gap:22px;align-items:center;padding:10px 26px;margin:0 6px 0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.gap-a{display:flex;gap:16px;align-items:center}.gap .big .tile{width:96px;aspect-ratio:1/1.08}.gap .big .tile .s{font-size:40px}.gap .big .tile .nm{font-size:11px}
.gap h3{font-size:26px;margin:0 0 4px}.gap p{font-size:14px;color:var(--mut);margin:0 0 6px}.gap .more{font-weight:700;font-size:14px}
.gap ol{list-style:none;margin:0;padding:0;counter-reset:s}
.gap li{display:grid;grid-template-columns:18px 76px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14.5px;font-weight:600;counter-increment:s}
.gap li:first-child{border-top:0}.gap li::before{content:counter(s);font-weight:800;color:var(--mut)}
.gap li img{width:76px;height:30px;object-fit:contain;background:#101517;border-radius:4px;padding:3px}.gap li a{font-weight:700;font-size:13.5px}
.pt-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:6px 0 18px;flex-wrap:wrap}
.fpw{display:flex;flex-direction:column;gap:4px;align-items:start}.fpw span{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.fp{display:grid;grid-template-columns:repeat(18,7px);grid-template-rows:repeat(4,7px);gap:1.5px}
.fp i{display:block;border-radius:1.5px;background:var(--c)}.fp i.off{background:#e1e6e4}.fp i.mute:not(.off){opacity:.35}
.pt-k{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:5px;margin-top:14px;position:relative}
.pt-k .lbl{grid-column:1/3;align-self:center;font:700 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--kort);text-align:right;padding-right:6px}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;font-weight:600}
.legend button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:30px;border:1px solid var(--line-2);background:var(--card)}
.legend button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.legend i{width:12px;height:12px;border-radius:3px;background:var(--c)}

/* ---------- hero ---------- */
.hero{padding:40px 0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0,var(--paper) 70%)}
.hero-top{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:30px}
.lede{font-size:19px;line-height:1.55;max-width:640px;margin:16px 0 20px}
.byline{display:flex;align-items:center;gap:12px;font-size:14px}.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--paper-2)}
.byline b{font-weight:700}.byline .mut{font-size:13px}
.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d7b49e,#b07f63);display:grid;place-items:center;color:#fff;font:400 16px var(--serif)}
.pick{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.pick-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pick-h .eyebrow{margin:0}
.pick-row{display:grid;grid-template-columns:28px 92px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.pick-row:first-of-type{border-top:0}
.pick-row .rk{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--sans);color:#fff;background:var(--gold)}
.pick-row .rk.m2{background:var(--silver)}.pick-row .rk.m3{background:var(--bronze)}
.pick-row img{width:92px;height:36px;object-fit:contain;background:#101517;border-radius:6px;padding:5px}
.pick-row b{display:block;font-size:15.5px}.pick-row small{display:block;color:var(--mut);font-size:12.5px;line-height:1.35}

.pt-wrap{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}
.pt-side{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;position:sticky;top:84px}
.pt-side .big{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.pt-side .big .tile{width:64px;flex:none}
.pt-side h3{font-size:20px;margin:0}.pt-side p{font-size:13.5px;color:var(--mut);margin:4px 0 10px}
.pt-side ol{list-style:none;margin:0;padding:0;counter-reset:s}
.pt-side li{display:grid;grid-template-columns:18px 70px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:14px;counter-increment:s}
.pt-side li::before{content:counter(s);font-weight:800;color:var(--mut)}
.pt-side li img{width:70px;height:28px;object-fit:contain;background:#101517;border-radius:4px;padding:3px}
.pt-side li a{font-weight:700;font-size:13px}
.pt-side .more{display:block;margin-top:10px;font-weight:700;font-size:14px}
.pt-hint{font-size:13px;color:var(--mut);margin:10px 0 0}

/* ---------- sections ---------- */
.sec{padding:64px 0 8px}.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.sec-h p{max-width:640px;color:var(--mut);margin:0}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{font:600 14px var(--sans);border:1px solid var(--line-2);background:var(--card);padding:8px 14px;border-radius:30px;cursor:pointer;color:var(--ink)}
.chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips button i{display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--c);margin-right:7px}

/* ---------- brand row (toplist) ---------- */
.list{display:grid;gap:12px}
.row{display:grid;grid-template-columns:54px 150px 1fr 170px 1.15fr 170px;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;position:relative}
.row.top{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));box-shadow:var(--shadow)}
.row .rk{font:400 30px/1 var(--serif);text-align:center;color:var(--ink-2)}
.row.top .rk::after{content:"";display:block;width:26px;height:4px;border-radius:2px;margin:8px auto 0;background:var(--gold)}
.row:nth-child(2) .rk::after{background:var(--silver)}.row:nth-child(3) .rk::after{background:var(--bronze)}
.row .lg{background:#101517;border-radius:8px;height:62px;display:grid;place-items:center;padding:8px}
.row .lg img{max-height:44px;object-fit:contain}
.row .nm b{font-size:18px;display:flex;align-items:center;gap:8px}.row .nm small{color:var(--mut);font-size:13px}
.score{display:inline-flex;align-items:baseline;gap:2px;font:800 15px var(--sans);background:var(--ink);color:#fff;border-radius:6px;padding:3px 7px}.score small{font-size:10px;opacity:.7;color:#fff!important}
.formula{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}
.formula i{font:800 10.5px/1 var(--sans);font-style:normal;padding:4px 4px;border-radius:3px;background:var(--bg);color:var(--tx);min-width:23px;text-align:center}
.formula i.off{background:transparent;color:#b9c3c0;box-shadow:inset 0 0 0 1px #dfe5e3}
.offer b{font-size:16px;line-height:1.3;display:block}.offer small{display:block;color:var(--mut);font-size:12.5px;margin-top:4px;line-height:1.4}
.offer .kv{display:flex;gap:14px;margin-top:8px;font-size:12.5px}.offer .kv span b{display:inline;font-size:12.5px}
.row .act{display:grid;gap:6px;text-align:center}.row .act a.rev{font-size:13px;font-weight:600}
.row .act small{font-size:11px;color:var(--mut)}

/* ---------- molecule builder ---------- */
.lab{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--ink);color:#f3ede2;border-radius:18px;padding:34px;position:relative;overflow:hidden}
.lab h2{color:#fff}.lab p{color:#cfc7b8}
.lab .pick-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}
.lab .tile{cursor:pointer}
.lab .eq{font:800 20px var(--sans);margin:18px 0 6px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:40px}
.lab .eq i{font-style:normal;padding:6px 9px;border-radius:6px;background:var(--bg);color:var(--tx)}.lab .eq em{font-style:normal;color:#8d8576}
.lab .res{background:#24221e;border:1px solid #3a372f;border-radius:12px;padding:6px 16px}
.lab .res li{display:grid;grid-template-columns:20px 84px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #3a372f;font-size:14.5px}
.lab .res li:last-child{border:0}
.lab .res ol{list-style:none;margin:0;padding:0;counter-reset:m}.lab .res li::before{counter-increment:m;content:counter(m);font-weight:800;color:#8d8576}
.lab .res img{width:84px;height:32px;object-fit:contain;background:#000;border-radius:5px;padding:4px}
.lab .res small{display:block;color:#8d8576;font-size:12px}
.lab .presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.lab .presets button{font:600 13px var(--sans);color:#f3ede2;background:#2b2924;border:1px solid #4a463c;border-radius:30px;padding:7px 12px;cursor:pointer}

/* ---------- data viz ---------- */
.bars{display:grid;gap:7px}
.bar{display:grid;grid-template-columns:150px 1fr 54px;gap:12px;align-items:center;font-size:14px}
.bar .tr{height:14px;background:var(--paper-2);border-radius:3px;overflow:hidden}.bar .tr i{display:block;height:100%;background:var(--c);border-radius:3px}
.bar b{text-align:right;font-weight:700}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}

/* ---------- reaction (bonus math) ---------- */
.reaction{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:15px}
.reaction .t{background:var(--paper-2);border-radius:10px;padding:10px 14px;text-align:center}
.reaction .t b{display:block;font:800 24px var(--sans)}.reaction .t span{font-size:12px;color:var(--mut)}
.reaction .op{font:800 26px var(--sans);color:var(--mut)}
.reaction .t.res{background:var(--ink);color:#fff}.reaction .t.res span{color:#bdb5a6}

/* ---------- prose ---------- */
.prose{max-width:760px}.prose h2{margin-top:44px}.prose h3{margin-top:26px}
.prose p,.prose li{font-size:17px}.prose ul{padding-left:20px}
.callout{border-left:4px solid var(--cta);background:var(--card);padding:14px 18px;border-radius:0 10px 10px 0;margin:18px 0;font-size:15.5px}
.tbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;margin:18px 0}
.tbl table{border-collapse:collapse;width:100%;font-size:15px}
.tbl th{font:700 11.5px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mut);text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--ink)}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line)}.tbl tr:last-child td{border:0}
.hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hub{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink)}
.hub .tile{width:52px;flex:none}.hub b{display:block;font-size:16px}.hub span{font-size:13px;color:var(--mut)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font:400 20px/1.3 var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--mut)}.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;font-size:16.5px}
.crumbs{font-size:13px;color:var(--mut);padding:18px 0 0}.crumbs a{color:var(--mut)}
.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:14.5px}
.toc b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin-bottom:6px}
.toc a{display:block;padding:4px 0;color:var(--ink);text-decoration:none}.toc a:hover{color:var(--cta-d)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.aside{position:sticky;top:88px;display:grid;gap:14px}

/* ---------- element page header ---------- */
.el-hero{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;padding:30px 0 34px}
.el-hero .tile{width:200px;padding:14px 16px;border-width:2.5px}
.el-hero .tile .s{font-size:76px}.el-hero .tile .nm{font-size:15px}.el-hero .tile .n,.el-hero .tile .c{font-size:15px;top:12px}
.facts-strip{display:flex;gap:0;border-top:2px solid var(--ink);margin-top:18px}
.facts-strip div{flex:1;padding:10px 16px 0 0}.facts-strip b{display:block;font:800 26px var(--sans)}.facts-strip span{font-size:12.5px;color:var(--mut)}
.neighbors{display:flex;gap:8px;flex-wrap:wrap}.neighbors .tile{width:76px}

/* ---------- review ---------- */
.rv-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:26px 0 34px;align-items:start}
.rv-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.rv-card .lg{background:#101517;border-radius:10px;height:84px;display:grid;place-items:center;margin-bottom:14px}.rv-card .lg img{max-height:56px}
.rv-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14.5px;margin:14px 0}
.rv-card dt{color:var(--mut)}.rv-card dd{margin:0;font-weight:600}
.mini-pt{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:2.5px}.mini-pt .tile{min-width:0}.rv-hero>*,.layout>*,.el-hero>*,.hero-top>*{min-width:0}
.mini-pt .tile{aspect-ratio:1/1;padding:2px;border-width:1px;border-radius:3px}.mini-pt .tile .s{font-size:clamp(9px,.9vw,13px);margin:auto}
.mini-pt .tile .n,.mini-pt .tile .c,.mini-pt .tile .nm{display:none}
.verdict{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.verdict .panel h3{font-size:18px}.verdict ul{margin:0;padding-left:18px;font-size:15.5px}
.sticky-cta{display:none}

/* ---------- kortspill ---------- */
.kort-hero{background:var(--kort);color:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;margin-top:18px;position:relative;overflow:hidden}
.kort-hero h1{color:#fff}.kort-hero .lede{color:#e6e8ec}
.kort-hero .badges{display:flex;gap:8px;flex-wrap:wrap}.kort-hero .badges span{background:rgba(255,255,255,.12);border-radius:30px;padding:6px 12px;font-size:13.5px;font-weight:600}
.cards-fan{position:relative;height:200px}
.cards-fan i{position:absolute;left:50%;top:10px;width:110px;height:154px;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.25);display:grid;place-items:center;font:400 46px var(--serif);color:#b4232c;transform-origin:50% 120%}
.cards-fan i:nth-child(1){transform:translateX(-50%) rotate(-16deg);color:#101517}.cards-fan i:nth-child(2){transform:translateX(-50%) rotate(-4deg)}.cards-fan i:nth-child(3){transform:translateX(-50%) rotate(8deg);color:#101517}.cards-fan i:nth-child(4){transform:translateX(-50%) rotate(20deg)}
.steps{counter-reset:st;list-style:none;padding:0;margin:18px 0}
.steps li{counter-increment:st;display:grid;grid-template-columns:40px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(st);width:34px;height:34px;border-radius:8px;background:var(--kort-bg);color:var(--kort-ink);display:grid;place-items:center;font-weight:800}
.score-sheet{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.score-sheet table{width:100%;border-collapse:collapse;font-size:15px}
.score-sheet th,.score-sheet td{border:1px solid var(--line);padding:8px;text-align:center}
.score-sheet input{width:100%;border:0;background:transparent;font:600 15px var(--sans);text-align:center}
.score-sheet tfoot td{font-weight:800;background:var(--paper-2)}

/* ---------- footer ---------- */
.ft{background:var(--ink);color:#cfc7b8;margin-top:80px;padding:46px 0 30px;font-size:14.5px}
.ft .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ft b{color:#fff;display:block;margin-bottom:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ft a{color:#e8e1d4;text-decoration:none;display:block;padding:3px 0}.ft a:hover{color:#fff}
.ft .legal{border-top:1px solid #34312b;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.age{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:50%;font:800 14px var(--sans);color:#fff;margin-right:12px;vertical-align:middle}

/* ---------- responsive ---------- */
@media (max-width:1100px){
 .pt-wrap{grid-template-columns:1fr}.pt-side{position:static}
 .row{grid-template-columns:44px 120px 1fr 160px 1fr;}.row .act{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;text-align:left}
 .nav{display:none}.burger{display:block;margin-left:auto;background:none;border:1px solid var(--line-2);border-radius:7px;padding:8px 10px;font:700 13px var(--sans)}
}
@media (max-width:760px){
 body{font-size:16px}.wrap{padding:0 16px}
 .topbar .wrap{flex-direction:column;gap:0;font-size:11.5px}
 .hd .wrap{height:58px;gap:10px}.logo b{font-size:16px}.logo>span>span{display:none}.logo .tile-logo{width:38px;height:38px;font-size:16px}
 .hd-cta .pt-btn{display:none}
 .hero{padding:22px 0 18px}.hero-top{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
 .lede{font-size:16.5px;margin:10px 0 14px}
 .pick{padding:12px 14px}.pick-row{grid-template-columns:24px 74px 1fr auto;gap:9px;padding:9px 0}.pick-row img{width:74px;height:30px}.pick-row small{display:none}.pick-row .btn{padding:10px 12px;font-size:13.5px}
 .ptable{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.legend{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}.legend button{flex:none}
 .ptable .tile,.pt-k .tile{grid-row:auto!important;grid-column:auto!important}
 .pt-k .lbl{display:none}.ptable .gap{grid-column:1/-1!important;grid-row:auto!important;order:99;grid-template-columns:1fr;margin:8px 0 0;padding:14px}.gap-a{gap:12px}.gap .big .tile{width:70px}.gap .big .tile .s{font-size:28px}.gap h3{font-size:21px}.pt-k{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
 .tile .nm{font-size:8px}.tile .c{display:none}
 .sec{padding:44px 0 4px}.sec-h{flex-direction:column;align-items:start}
 .chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.chips button{flex:none}
 .fpw{display:none}.row{grid-template-columns:36px 1fr auto;grid-template-areas:"rk nm lg" "of of of" "ac ac ac";gap:10px 12px;padding:14px}
 .row .rk{grid-area:rk;font-size:24px}.row .nm{grid-area:nm}.row .lg{grid-area:lg;height:44px;width:96px}.row .lg img{max-height:30px}
 .row .offer{grid-area:of}.row .act{grid-area:ac;grid-template-columns:1fr auto}
 .row .formula i{font-size:9.5px;min-width:20px;padding:3px}
 .lab{grid-template-columns:1fr;padding:22px 16px;border-radius:0;margin:0 -16px}
 .lab .pick-tiles{grid-template-columns:repeat(6,1fr)}
 .duo,.verdict,.layout,.rv-hero,.el-hero,.kort-hero{grid-template-columns:1fr}
 .el-hero .tile{width:130px}.el-hero .tile .s{font-size:48px}
 .hubs{grid-template-columns:1fr 1fr}.hub{padding:10px;flex-direction:column;align-items:start}.hub .tile{width:44px}
 .bar{grid-template-columns:104px 1fr 40px;font-size:13px}
 .reaction{gap:6px;padding:14px}.reaction .t{padding:8px 10px}.reaction .t b{font-size:19px}.reaction .op{font-size:20px}
 .aside{position:static}.mini-pt{gap:1.5px}
 .ft .cols{grid-template-columns:1fr 1fr}
 .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center;box-shadow:0 -8px 24px -16px rgba(0,0,0,.4)}
 .sticky-cta img{width:64px;height:30px;object-fit:contain;background:#101517;border-radius:5px;padding:3px}.sticky-cta div{flex:1;font-size:12.5px;line-height:1.3}.sticky-cta b{display:block;font-size:14px}
 .cards-fan{display:none}
}

/* v3: hero strip instead of right-hand card */
.hero-intro{max-width:880px}
.hero-intro .lede{max-width:760px}
.podium3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 34px}
.p3{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;gap:6px 12px;align-items:center;position:relative;box-shadow:var(--shadow)}
.p3 .md{position:absolute;top:-9px;left:14px;font:800 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--gold);padding:5px 8px;border-radius:20px}
.p3.m2 .md{background:var(--silver)}.p3.m3 .md{background:var(--bronze)}
.p3 .lg{grid-row:1/3;background:#101517;border-radius:8px;height:56px;display:grid;place-items:center;padding:6px}.p3 .lg img{max-height:40px}
.p3 b{font-size:16.5px}.p3 .of{font-size:13.5px;color:var(--ink-2);line-height:1.35}
.p3 .fp{display:none}.p3 .btn{grid-column:1/-1}
.changes{display:flex;gap:10px;align-items:baseline;font-size:13.5px;color:var(--mut);margin-top:-18px;margin-bottom:26px;flex-wrap:wrap}
.changes b{color:var(--ink);font-weight:700}
.sticky-top{display:none}
@media (max-width:760px){
 .podium3{grid-template-columns:1fr;gap:10px;margin:14px 0 26px}
 .p3{grid-template-columns:78px 1fr auto;grid-template-rows:auto auto;padding:12px;gap:4px 10px}
 .p3 .lg{grid-row:1/3;height:44px}.p3 .fp{display:none}.p3 .btn{grid-column:3;grid-row:1/3;padding:11px 12px;font-size:14px}
 .p3 .of{font-size:12.5px}
 .sticky-top{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:9px 14px;gap:10px;align-items:center;box-shadow:0 -8px 24px -16px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .25s}
 .sticky-top.show{transform:none}.sticky-top img{width:64px;height:28px;object-fit:contain;background:#101517;border-radius:5px;padding:3px}.sticky-top div{flex:1;font-size:12px;line-height:1.3}.sticky-top b{display:block;font-size:13.5px}
 .row .lg{background:#101517}
}

/* ---------- production additions ---------- */
:focus-visible{outline:2.5px solid var(--cta);outline-offset:2px}
.small{font-size:13.5px}.tiny{font-size:11.5px}.center{text-align:center}
.eyebrow.light{color:#c9ced6}.eyebrow.light i{background:#c9ced6}
.page-intro{padding:18px 0 8px}.page-intro h1{margin-top:4px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.btn.ghost:hover{background:var(--paper-2)}
.btn.block.ghost{margin-top:8px}
.tile.unk{opacity:.55;border-style:dashed;background:transparent}
.pt-k .lbl span{font-weight:500;text-transform:none;letter-spacing:0}
.cmp{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--mut);margin-top:6px;cursor:pointer}
.cmp-tray{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:40;background:var(--ink);color:#fff;border-radius:40px;padding:8px 10px 8px 18px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:14px}
.cmp-tray .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #555}
dialog#cmpDlg{border:0;border-radius:16px;padding:20px;max-width:min(920px,94vw);width:100%}
dialog#cmpDlg::backdrop{background:rgba(10,14,15,.55)}
.cmp-t{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:14px}.cmp-t th,.cmp-t td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}
.cmp-t img{width:90px;height:34px;object-fit:contain;background:#101517;border-radius:5px;padding:4px}
.deep{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:16px 18px;margin:14px 0}
.deep-h{display:flex;align-items:center;gap:12px;margin-bottom:6px}.deep-h img{width:96px;height:36px;object-fit:contain;background:#101517;border-radius:6px;padding:4px}
.deep-h h3{margin:0;flex:1;font-size:19px}
.el-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 26px}
.el-grid.kort{grid-template-columns:repeat(4,1fr);margin-top:22px}
.el-card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-decoration:none;color:var(--ink)}
.el-card .tile{width:54px;flex:none}.el-card b{display:block;font-size:15.5px}.el-card small{color:var(--mut);font-size:12.5px}
.fam-h{border-left:6px solid var(--c);padding-left:12px}
.az{columns:4;column-gap:24px;font-size:15px}.az a{display:block;padding:3px 0;color:var(--ink)}
.hub-list{columns:2;column-gap:28px;padding-left:18px}.hub-list li{margin:4px 0}
.side-rel a{display:block;padding:6px 0;border-top:1px solid var(--line);font-size:14.5px;text-decoration:none}
.portrait{border-radius:14px;margin:20px 0;max-width:360px;height:auto}
.rv-offer{font-size:20px;line-height:1.3;display:block}
.pt-title{margin-top:30px;font-size:24px}
.ss-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;flex-wrap:wrap}.ss-h span{display:flex;gap:6px}
.score-sheet th input{font-weight:700}
.labn{margin:0 0 10px;color:#cfc7b8}.labn b{color:#fff}
.lab .tile{font:inherit;text-align:left;cursor:pointer}
.alt{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.alt img{width:80px;height:30px;object-fit:contain;background:#101517;border-radius:4px;padding:3px}.alt small{display:block;color:var(--mut);font-size:12px}
.panel{margin-bottom:0}
.prose h2{scroll-margin-top:90px}
@media (max-width:1100px){.nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px}}
@media (max-width:760px){.el-grid,.el-grid.kort{grid-template-columns:1fr 1fr}.az{columns:2}.hub-list{columns:1}.cmp{display:none}.deep-h{flex-wrap:wrap}}
@media print{.topbar,.hd,.ft,.aside,.sticky-cta,.sticky-top,.cmp-tray,.btn{display:none!important}body{background:#fff}}
.kort-hero a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}.lab a{color:#fff}
.cmp-tray[hidden]{display:none!important}
@media (max-width:760px){.el-hero{grid-template-columns:1fr;gap:10px;padding:14px 0 18px}.el-hero>.tile{width:76px;padding:6px 8px;border-width:2px}.el-hero>.tile .s{font-size:30px}.el-hero>.tile .nm{font-size:10px}.el-hero>.tile .n,.el-hero>.tile .c{font-size:10px;top:6px}.facts-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.facts-strip b{font-size:20px}.facts-strip div{padding-top:8px}}
.tile .n,.tile .c{opacity:1}.tile.dim .n,.tile.dim .c{opacity:.6}img[src*='/logos/']{width:auto;height:auto;max-width:100%}
.p3 .md{background:#e2b84a;color:#2a1d00}.p3.m2 .md{background:#626b71;color:#fff}.p3.m3 .md{background:#8a5126;color:#fff}.lab .res small,.lab .eq em,.lab .res li::before{color:#c4bcad}.lab .labn{color:#ddd5c7}
/* ---------- intent tools ---------- */
.tool{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:18px 0}
.tool .tbl{margin:10px 0}.tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bs table{font-size:13px}.bs caption{text-align:left;font-weight:700;padding:8px 12px}.bs th,.bs td{text-align:center;padding:6px 4px}
.bs td{font-weight:800;font-size:12px}.bs-s{background:#dff3e6;color:#1d5b34}.bs-h{background:#fde4d9;color:#8f2c10}.bs-d{background:#dfe7fb;color:#1a3787}.bs-ds{background:#e9e3fb;color:#3f2690}.bs-p{background:#fbefc9;color:#6d4a00}
.bs-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.bs-leg span{display:inline-block;min-width:26px;text-align:center;border-radius:4px;font-weight:800;padding:2px 4px}
.bingo-cards{display:flex;flex-wrap:wrap;gap:14px}.bingo{border-collapse:collapse;width:220px}.bingo th{background:var(--trek);color:#fff;font:800 18px var(--sans);padding:6px}
.bingo td{border:1px solid var(--line-2);text-align:center;font:700 17px var(--sans);height:40px;cursor:pointer}.bingo td.hit{background:var(--trek-bg)}.bingo td.free{background:var(--ink);color:#fff;font-size:12px}
.yatzy table{font-size:14px}.yatzy th{text-align:left;padding:6px 10px}.yatzy input{width:100%;border:0;background:transparent;font:600 15px var(--sans);text-align:center}
.yatzy td{border-bottom:1px solid var(--line);text-align:center}.yatzy tr.y-sum,.yatzy tr.y-bonus,.yatzy tr.y-tot{background:var(--paper-2);font-weight:800}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0}
.calc-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--mut)}
.calc-grid input,.calc-grid select{font:600 16px var(--sans);padding:9px 10px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink)}
.calc-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px}
.calc-out div{background:var(--paper-2);border-radius:10px;padding:10px 12px}.calc-out span{display:block;font-size:12px;color:var(--mut)}.calc-out b{font:800 20px var(--sans)}
.cards{white-space:nowrap}.card{display:inline-block;min-width:34px;padding:3px 4px;margin-right:3px;border:1px solid var(--line-2);border-radius:5px;background:#fff;font:700 13px var(--sans);text-align:center}.card.red{color:#b4232c}
.kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px}
.kf-item{display:block;border:1px solid var(--line);border-left:4px solid var(--kort);border-radius:8px;padding:8px 10px;text-decoration:none;color:var(--ink)}.kf-item span{display:block;font-size:12.5px;color:var(--mut)}
@media print{.tool{border:0}.bingo-cards{gap:30px}}
.sortable th[data-sort]{white-space:nowrap}.sortable th[data-sort]::after{content:' ⇅';color:var(--mut);font-size:10px}.sortable td{font-size:13.5px;vertical-align:top}
.steps-list{padding-left:22px;margin:0 0 14px}.steps-list li{margin:6px 0;font-size:17px}ol.steps-list li::marker{font-weight:800;color:var(--cta-d)}