/* Casinov «Vågskålen» – azure + rose pans on cool white. Commissioner (headings) + Karla (body), self-hosted. */
@font-face{font-family:Commissioner;src:url(fonts/commissioner.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:Karla;src:url(fonts/karla.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Karla;src:url(fonts/karla-i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--bg:#F6F8FC;--card:#fff;--ink:#151A2B;--ink2:#3A4258;--mute:#5B6478;--line:#E3E8F2;--az:#2D6BF5;--az-d:#2457D6;--az-l:#E7EFFF;--ro:#E8476F;--ro-d:#B8264F;--ro-l:#FDE8EE;--ok:#14866B;--r:18px;--r-s:12px;--sh:0 1px 2px rgba(21,26,43,.05),0 8px 24px rgba(21,26,43,.06);--w:1180px;--wt:760px;--h:Commissioner,system-ui,-apple-system,"Segoe UI",sans-serif;--b:Karla,system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.65 var(--b);text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:var(--az-d);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--az);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--h);color:var(--ink);line-height:1.18;letter-spacing:-.015em;margin:1.6em 0 .55em;font-weight:760}
h2{font-size:clamp(1.45rem,1.2rem + 1vw,1.85rem);scroll-margin-top:90px}
h3{font-size:1.2rem;font-weight:720;scroll-margin-top:90px}
p{margin:0 0 1em}
.cv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cv-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:10px;z-index:99}
.cv-skip:focus{left:8px}
.cv-wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.cv-wrap--text{max-width:var(--wt)}
.cv-small{font-size:.85rem;color:var(--mute)}
.cv-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 .45em;vertical-align:.05em}
.cv-dot--a{background:var(--az)}.cv-dot--b{background:var(--ro)}
/* header */
.cv-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.cv-head__in{display:flex;align-items:center;gap:18px;min-height:68px}
.cv-brand{display:flex;align-items:center;flex:none}
.cv-logo{width:150px;height:auto;display:block}
.cv-nav{margin-left:auto;display:flex;align-items:center;gap:10px}
.cv-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.cv-nav__item{position:relative}
.cv-nav__link{display:inline-flex;align-items:center;gap:6px;font:600 .98rem/1 var(--h);color:var(--ink);text-decoration:none;padding:11px 12px;border-radius:999px;border:0;background:none;cursor:pointer}
.cv-nav__link svg{width:11px}
.cv-nav__link:hover,.cv-nav__link[aria-current],.cv-nav__item.is-open>.cv-nav__link{background:var(--az-l);color:var(--az-d)}
.cv-sub{list-style:none;margin:0;padding:8px;position:absolute;left:0;top:calc(100% + 6px);min-width:270px;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);box-shadow:var(--sh);display:none}
.cv-nav__item.is-open .cv-sub{display:block}
.cv-sub a{display:block;padding:9px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.95rem}
.cv-sub a:hover{background:var(--bg)}
.cv-search{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 4px 2px 14px}
.cv-search input{border:0;background:none;font:inherit;font-size:.95rem;width:110px;padding:7px 0;color:var(--ink)}
.cv-search input:focus{outline:none}
.cv-search button{border:0;background:none;width:34px;height:34px;color:var(--ink);cursor:pointer}
.cv-search svg{width:18px}
.cv-search--block{max-width:420px;margin:1.2em 0}
.cv-search--block input{width:100%}
.cv-search--block button{width:auto;padding:0 14px;font:600 .9rem var(--h);background:var(--ink);color:#fff;border-radius:999px;height:36px}
.cv-menu-btn{display:none;margin-left:auto;align-items:center;gap:8px;font:600 .95rem var(--h);background:var(--ink);color:#fff;border:0;border-radius:999px;padding:10px 16px;cursor:pointer}
.cv-menu-btn__bars,.cv-menu-btn__bars::before,.cv-menu-btn__bars::after{display:block;width:16px;height:2px;background:#fff;border-radius:2px;position:relative}
.cv-menu-btn__bars::before,.cv-menu-btn__bars::after{content:"";position:absolute;left:0}
.cv-menu-btn__bars::before{top:-5px}.cv-menu-btn__bars::after{top:5px}
@media (max-width:1040px){
 .cv-menu-btn{display:inline-flex}
 .cv-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh);flex-direction:column;align-items:stretch;padding:12px 20px 18px}
 .cv-nav.is-open{display:flex}
 .cv-nav__list{flex-direction:column}
 .cv-nav__link{width:100%;justify-content:space-between;border-radius:12px;padding:13px 12px;font-size:1.05rem}
 .cv-sub{position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
 .cv-search{margin-top:8px}.cv-search input{width:100%}
}
/* hero + archive */
.cv-hero{padding:34px 0 10px}
.cv-hero__t{font-size:clamp(1.85rem,1.4rem + 2vw,2.65rem);margin:.15em 0 .4em;font-weight:800;letter-spacing:-.025em}
.cv-hero__lead{color:var(--ink2);max-width:760px}
.cv-hero--duel .cv-hero__t{background:linear-gradient(90deg,var(--az-d),var(--ro-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.cv-kicker{font:700 .8rem/1 var(--h);text-transform:uppercase;letter-spacing:.09em;color:var(--az-d);margin:0 0 .7em}
.cv-kicker a{text-decoration:none;color:inherit}
.cv-crumbs{font-size:.86rem;color:var(--mute);margin-bottom:14px}
.cv-crumbs a{color:var(--mute);text-decoration:none}
.cv-crumbs a:hover{color:var(--az-d)}
.cv-byline{display:flex;gap:12px;align-items:center;margin:8px 0 6px}
.cv-byline img{border-radius:50%;flex:none}
.cv-byline p{margin:0;display:flex;flex-direction:column;line-height:1.35}
.cv-byline__who{font-weight:600;font-size:.95rem}
.cv-byline__who a{color:var(--ink)}
.cv-byline__d{font-size:.85rem;color:var(--mute)}
/* content */
.cv-content{padding:6px 20px 56px}
.cv-content>:first-child{margin-top:0}
.cv-content ul:not([class]),.cv-content ol:not([class]){padding-left:0;margin:0 0 1.2em;list-style:none}
.cv-content ul:not([class])>li{position:relative;padding-left:1.5em;margin:.4em 0}
.cv-content ul:not([class])>li::before{content:"";position:absolute;left:.15em;top:.62em;width:.6em;height:.6em;border-radius:50%;background:linear-gradient(90deg,var(--az) 50%,var(--ro) 50%)}
.cv-content ol:not([class]){counter-reset:n}
.cv-content ol:not([class])>li{counter-increment:n;position:relative;padding-left:2.1em;margin:.5em 0}
.cv-content ol:not([class])>li::before{content:counter(n);position:absolute;left:0;top:.15em;width:1.5em;height:1.5em;border-radius:50%;background:var(--az-l);color:var(--az-d);font:700 .82rem/1.5em var(--h);text-align:center}
.cv-content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--ro);color:var(--ink2)}
.cv-feat{margin:6px 0 26px}
.cv-feat img{border-radius:var(--r);display:block;width:100%}
.cv-table{overflow-x:auto;margin:1.2em 0 1.6em;border:1px solid var(--line);border-radius:var(--r-s);background:#fff}
.cv-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
.cv-table th,.cv-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.cv-table thead th{background:var(--bg);font:700 .85rem var(--h);color:var(--ink2)}
.cv-table tr:last-child td{border-bottom:0}
.cv-steps{list-style:none;padding:0;margin:1.2em 0 1.6em;counter-reset:s;display:grid;gap:10px}
.cv-steps>li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:14px 16px 14px 58px;position:relative}
.cv-steps>li::before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:700 .95rem/30px var(--h);text-align:center}
.cv-box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--az);border-radius:var(--r-s);padding:16px 18px 6px;margin:1.4em 0}
.cv-box--regel{border-left-color:var(--ink)}
.cv-box--tips{border-left-color:var(--ro)}
.cv-box__t{font:700 .78rem/1 var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 .6em}
.cv-faq{margin:2.2em 0 1em}
.cv-faq h3{font-size:1.08rem;margin:1.2em 0 .35em}
.cv-note{font-size:.85rem;color:var(--mute);margin:.6em 0 1.6em}
/* buttons */
.cv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--az-d);color:#fff;font:700 .95rem/1 var(--h);text-decoration:none;padding:13px 20px;border-radius:999px;white-space:nowrap;border:0;cursor:pointer;transition:transform .12s,background .12s}
.cv-btn:hover{background:#1C47B4;color:#fff;transform:translateY(-1px)}
.cv-btn--ink{background:var(--ink)}
.cv-btn--ink:hover{background:#000}
.cv-btn--sm{padding:9px 14px;font-size:.85rem}
.cv-link{font:600 .95rem var(--h);margin-left:12px}
.cv-name{color:var(--ink);text-decoration:none}
.cv-name:hover{color:var(--az-d);text-decoration:underline}
.cv-terms{font-size:.78rem;line-height:1.45;color:var(--mute);margin:8px 0 0;grid-column:1/-1}
.cv-terms a{color:var(--mute)}
/* front */
.cv-front__hero{padding:40px 0 18px;background:radial-gradient(1000px 300px at 12% 0,var(--az-l),transparent 70%),radial-gradient(900px 300px at 95% 10%,var(--ro-l),transparent 70%)}
.cv-front__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:36px;align-items:center}
.cv-front__t{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.25rem);margin:.1em 0 .35em;font-weight:800;letter-spacing:-.03em}
.cv-front__lead{font-size:1.15rem;color:var(--ink2);max-width:620px}
.cv-front__meta{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--mute);margin:14px 0}
.cv-front__meta img{border-radius:50%}
.cv-front__meta a{color:var(--ink)}
.cv-front__go{margin:18px 0 0}
.cv-picks{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px}
.cv-picks__h{font:700 .8rem/1 var(--h);text-transform:uppercase;letter-spacing:.09em;color:var(--ro-d);margin:0 0 12px}
.cv-picks__row{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cv-picks__row:first-of-type{border-top:0}
.cv-picks__logo img{display:block;width:auto;height:40px;max-width:76px;border-radius:10px}
.cv-picks__name{font:700 1rem var(--h);margin:0}
.cv-picks__offer{font-size:.88rem;color:var(--ink2);margin:0;line-height:1.35}
.cv-picks__note{font-size:.75rem;color:var(--mute);margin:10px 0 0}
.cv-content--front{max-width:var(--w)}
.cv-content--front>h2,.cv-content--front>p,.cv-content--front>ul,.cv-content--front>ol,.cv-content--front>.cv-box,.cv-content--front>.cv-faq,.cv-content--front>.cv-steps,.cv-content--front>.cv-table,.cv-content--front>.cv-note{max-width:var(--wt)}
@media (max-width:900px){.cv-front__grid{grid-template-columns:1fr}.cv-picks__row{grid-template-columns:70px 1fr}.cv-picks__row .cv-btn{grid-column:1/-1}}
/* list */
.cv-list{display:grid;gap:12px;margin:1.2em 0 .4em}
.cv-row{display:grid;grid-template-columns:28px 112px minmax(0,1.3fr) minmax(0,1.2fr) auto;gap:14px 18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.cv-row__n{font:800 1.05rem var(--h);color:var(--mute);text-align:center}
.cv-row__logo img{display:block;width:auto;height:52px;max-width:104px;border-radius:12px}
.cv-row__name{font:760 1.08rem var(--h);margin:0}
.cv-row__offer{margin:0;font-size:.95rem;color:var(--ink2);line-height:1.4}
.cv-row__facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.cv-row__facts div{background:var(--bg);border-radius:10px;padding:7px 10px}
.cv-row__facts dt{font-size:.72rem;color:var(--mute);line-height:1.2}
.cv-row__facts dd{margin:0;font:700 .95rem var(--h)}
.cv-row .cv-terms{grid-column:2/-1;margin-top:-4px}
@media (max-width:860px){.cv-row{grid-template-columns:24px 92px 1fr}.cv-row__facts{grid-column:1/-1}.cv-row__cta{grid-column:1/-1}.cv-row__cta .cv-btn{width:100%}.cv-row .cv-terms{grid-column:1/-1}.cv-row__logo img{height:44px}}
/* the scale */
.cv-scale{margin:1.4em 0 1.8em;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);overflow:hidden}
.cv-pick{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:16px 18px;background:var(--bg);border-bottom:1px solid var(--line)}
.cv-pick label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--mute);flex:1 1 180px}
.cv-pick select{font:600 1rem var(--h);color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.cv-pick label:first-child select{border-color:var(--az)}
.cv-pick label:nth-of-type(2) select{border-color:var(--ro)}
.cv-pick__vs{font:800 .9rem var(--h);color:var(--mute);padding-bottom:12px}
.cv-scale__head{display:grid;grid-template-columns:1fr 120px 1fr;align-items:end;padding:18px 18px 6px}
.cv-pan{text-align:center;padding:14px 10px 10px;border-radius:16px}
.cv-pan p{margin:6px 0 0;font:760 1.05rem var(--h)}
.cv-pan img{width:auto;height:56px;max-width:110px;border-radius:14px;box-shadow:0 2px 8px rgba(21,26,43,.12)}
.cv-pan--a{background:var(--az-l);box-shadow:inset 0 -5px 0 var(--az)}
.cv-pan--b{background:var(--ro-l);box-shadow:inset 0 -5px 0 var(--ro)}
.cv-beam{color:var(--ink);padding:0 8px}
.cv-scale__t{width:100%;border-collapse:collapse;font-size:.95rem}
.cv-scale__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cv-scale__t th,.cv-scale__t td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:middle}
.cv-scale__t th[scope=row]{font:600 .8rem/1.25 var(--h);color:var(--mute);text-align:center;width:150px;text-transform:none}
.cv-scale__t td{width:calc(50% - 75px)}
.cv-scale__t td:first-child{text-align:right}
.cv-scale__t td.is-win{font-weight:700;color:var(--ink)}
.cv-scale__t td:first-child.is-win{background:linear-gradient(270deg,var(--az-l),transparent);box-shadow:inset -4px 0 0 var(--az)}
.cv-scale__t td:last-child.is-win{background:linear-gradient(90deg,var(--ro-l),transparent);box-shadow:inset 4px 0 0 var(--ro)}
.cv-scale__foot{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 18px;border-top:1px solid var(--line);background:var(--bg)}
.cv-scale__foot>div:first-child{text-align:right}
.cv-scale__foot>div:first-child .cv-btn{background:var(--az-d)}
.cv-scale__foot>div:last-child .cv-btn{background:var(--ro-d)}
.cv-scale__foot>div:last-child .cv-btn:hover{background:#951C3E}
.cv-scale figcaption{font-size:.8rem;color:var(--mute);padding:12px 18px 16px}
@media (max-width:640px){
 .cv-scale__head{grid-template-columns:1fr 54px 1fr;padding:14px 10px 4px}.cv-pan img{height:44px}.cv-pan p{font-size:.92rem}
 .cv-scale__t{font-size:.86rem}.cv-scale__t th[scope=row]{width:92px;font-size:.72rem;padding:9px 4px}.cv-scale__t td{padding:9px 8px}
 .cv-scale__foot{grid-template-columns:1fr;gap:14px}.cv-scale__foot>div:first-child{text-align:left}.cv-scale__foot .cv-btn{width:100%}
}
/* winners */
.cv-win{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:1.2em 0 .4em}
.cv-win__c{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;position:relative;overflow:hidden}
.cv-win__c::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--az),var(--ro))}
.cv-win__h{font:700 .78rem/1.3 var(--h);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 6px}
.cv-win__n{font:760 1.08rem/1.35 var(--h);margin:0 0 4px}
.cv-win__n a{color:var(--ink);text-decoration:none}
.cv-win__n a:hover{color:var(--az-d)}
.cv-win__w{font-size:.9rem;color:var(--ink2);margin:0}
/* card */
.cv-card{display:grid;grid-template-columns:110px 1fr auto;gap:12px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:1.6em 0;box-shadow:var(--sh);position:relative}
.cv-card::after{content:"";position:absolute;left:18px;right:18px;top:-1px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--az) 50%,var(--ro) 50%)}
.cv-card__logo img{display:block;width:auto;height:52px;max-width:96px;border-radius:12px}
.cv-card__name{font:760 1.05rem var(--h);margin:0}
.cv-card__offer{margin:0;font-size:.95rem;color:var(--ink2)}
@media (max-width:640px){.cv-card{grid-template-columns:90px 1fr}.cv-card .cv-btn{grid-column:1/-1}}
/* author, related, profile */
.cv-author{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:2.4em 0 1.4em}
.cv-author img{border-radius:50%;flex:none}
.cv-author p{margin:0 0 .3em;font-size:.95rem}
.cv-author__n{font:700 1rem var(--h)}
.cv-author__n a{color:var(--ink)}
.cv-related{margin:1em 0}
.cv-related__h{font:700 .8rem var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 8px}
.cv-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cv-related a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;font:650 1rem var(--h);color:var(--ink);text-decoration:none}
.cv-related a:hover{border-color:var(--az)}
.cv-profile{display:flex;gap:20px;align-items:center}
.cv-profile img{border-radius:50%;box-shadow:0 0 0 5px #fff,0 0 0 7px var(--az-l)}
.cv-latest ul{list-style:none;padding:0}
.cv-latest li{padding:8px 0;border-bottom:1px solid var(--line)}
/* tiles (archives) */
.cv-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:10px 0 30px}
.cv-tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh)}
.cv-tile__img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.cv-tile__b{padding:14px 18px 18px}
.cv-tile__meta{display:flex;gap:10px;font-size:.8rem;color:var(--mute);margin:0 0 6px}
.cv-tile__meta span{color:var(--az-d);font-weight:700}
.cv-tile__t{font-size:1.12rem;margin:0 0 6px;line-height:1.28}
.cv-tile__t a{color:var(--ink);text-decoration:none}
.cv-tile__t a:hover{color:var(--az-d)}
.cv-tile__x{font-size:.93rem;color:var(--ink2);margin:0}
.cv-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 50px}
.cv-pager .page-numbers{display:inline-block;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 .9rem var(--h)}
.cv-pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.cv-404{padding:40px 0}
.cv-404__links{list-style:none;padding:0}
.cv-404__links li{margin:.4em 0}
/* footer */
.cv-foot{background:var(--ink);color:#C9CFDD;margin-top:30px;padding:46px 0 26px;font-size:.95rem}
.cv-foot a{color:#fff;text-decoration:none}
.cv-foot a:hover{color:#9FBDFF}
.cv-foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}
.cv-foot__h{font:700 .8rem var(--h);text-transform:uppercase;letter-spacing:.09em;color:#fff;margin:0 0 12px}
.cv-foot__col ul{list-style:none;margin:0;padding:0}
.cv-foot__col li{margin:.45em 0}
.cv-behind__who{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.cv-behind__who img{border-radius:50%}
.cv-behind__who p{margin:0;line-height:1.3}
.cv-behind__who span{font-size:.85rem;color:#AEB6C8}
.cv-behind p{color:#C9CFDD}
.cv-foot__legal{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:.85rem;color:#AEB6C8}
.cv-foot__legal p{margin:.4em 0}
.cv-18{display:inline-block;background:var(--ro);color:#fff;font:800 .78rem/1 var(--h);padding:5px 7px;border-radius:7px;margin-right:6px}
@media (max-width:820px){.cv-foot__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#lista{scroll-margin-top:90px}

/* ===== design review 2026-10-15 (P1/P2) ===== */
.cv-18{background:var(--ro-d)}
/* uniform 2:1 logo tiles everywhere */
.cv-row__logo img,.cv-card__logo img,.cv-picks__logo img,.cv-pan img,.cv-duel img{display:block;width:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px}
.cv-row__logo img{height:52px}.cv-card__logo img{height:52px}.cv-picks__logo img{height:40px;border-radius:10px}.cv-pan img{height:56px;margin:0 auto}
/* Utvalda: terms per row, equal buttons */
.cv-picks__row{grid-template-columns:88px 1fr auto}
.cv-picks__row .cv-btn{min-width:132px}
.cv-picks__row .cv-terms{grid-column:1/-1;margin-top:0;font-size:.74rem}
/* list rows inside the narrow text column: facts on their own line, fixed button column */
.cv-wrap--text .cv-row{grid-template-columns:24px 112px minmax(0,1fr) 172px}
.cv-wrap--text .cv-row__facts{grid-column:2/4;grid-row:2}
.cv-wrap--text .cv-row__cta{grid-column:4;grid-row:1/3;align-self:center}
.cv-wrap--text .cv-row__cta .cv-btn{width:100%}
.cv-wrap--text .cv-row .cv-terms{grid-column:2/-1;grid-row:3}
.cv-row__facts dd{white-space:nowrap}
@media (max-width:860px){.cv-wrap--text .cv-row{grid-template-columns:24px 92px 1fr}.cv-wrap--text .cv-row__facts{grid-column:1/-1;grid-row:auto}.cv-wrap--text .cv-row__cta{grid-column:1/-1;grid-row:auto}.cv-wrap--text .cv-row .cv-terms{grid-column:1/-1;grid-row:auto}}
/* lists in related/latest: no content bullets */
.cv-related ul>li,.cv-latest ul>li{padding-left:0!important}
.cv-related ul>li::before,.cv-latest ul>li::before{display:none!important}
.cv-latest ul{display:grid;gap:8px;padding:0;list-style:none}
.cv-latest li{border:1px solid var(--line);border-radius:var(--r-s);background:#fff;padding:12px 14px!important}
.cv-latest li a{font:650 1rem var(--h);color:var(--ink);text-decoration:none}
/* winners grid: three columns */
@media (min-width:900px){.cv-win{grid-template-columns:repeat(3,1fr)}}
/* duel cards */
.cv-duels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:1.2em 0 1.6em}
.cv-duel{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:border-color .12s,transform .12s}
.cv-duel:hover{border-color:var(--az);transform:translateY(-2px);color:var(--ink)}
.cv-duel__logos{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.cv-duel img{height:40px}
.cv-duel__vs{font:800 .78rem var(--h);color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.cv-duel__t{font:760 1.05rem/1.3 var(--h)}
.cv-duel__d{font-size:.92rem;color:var(--ink2)}
/* latest cards on the front page */
.cv-latestcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:1em 0 1.8em}
.cv-lc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh)}
.cv-lc img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.cv-lc__m{font-size:.78rem;color:var(--mute);padding:10px 14px 0}
.cv-lc__t{font:700 1rem/1.3 var(--h);padding:4px 14px 14px}
.cv-lc:hover .cv-lc__t{color:var(--az-d)}
/* wide tables stack into labelled cards on phones */
@media (max-width:640px){
 .cv-table--stack{border:0;background:none;overflow:visible}
 .cv-table--stack table{min-width:0;display:block}
 .cv-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .cv-table--stack tbody,.cv-table--stack tr{display:block}
 .cv-table--stack tr{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);margin:0 0 10px;padding:6px 12px}
 .cv-table--stack td{display:grid;grid-template-columns:42% 1fr;gap:10px;border-bottom:1px dashed var(--line);padding:8px 0}
 .cv-table--stack td:last-child{border-bottom:0}
 .cv-table--stack td::before{content:attr(data-label);font:600 .78rem/1.3 var(--h);color:var(--mute)}
 .cv-table--stack td:first-child{font-weight:700}
}
/* consistent table heads */
.cv-table thead th{background:var(--az-l);color:var(--ink);font:700 .85rem var(--h)}
/* wide pages: text keeps reading width */
.cv-page .cv-wrap:not(.cv-wrap--text) .cv-content>p,.cv-page .cv-wrap:not(.cv-wrap--text)>p,.cv-page .cv-content>h2,.cv-page .cv-content>p,.cv-page .cv-content>ul,.cv-page .cv-content>.cv-faq{max-width:var(--wt)}
/* second CTA in a duel/scale foot or second card is rose */
.cv-card+.cv-card .cv-btn,.cv-content .cv-card:nth-of-type(2n) .cv-btn{background:var(--ro-d)}
.cv-card+.cv-card{margin-top:12px}
/* mobile menu open state */
.cv-menu-btn[aria-expanded="true"]{background:var(--ro-d)}
/* footer: top band */
.cv-foot__band{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(45,107,245,.18),rgba(232,71,111,.18));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px 22px;margin-bottom:34px}
.cv-foot__band p{margin:0;color:#fff;font:700 1.1rem var(--h)}
.cv-foot__band .cv-btn{background:#fff;color:var(--ink)}
.cv-foot__band .cv-btn:hover{background:#E7EFFF;color:var(--ink)}
/* ===== own meta strip, "Bakom texten", related cards (footprint) ===== */
.cv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:6px 0 4px}
.cv-meta__who{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:.92rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px 3px 3px}
.cv-meta__who img{border-radius:50%}
.cv-meta__who b{font-weight:700}
.cv-meta__dates{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.cv-meta__dates li{font-size:.8rem;color:var(--ink2);background:var(--az-l);border-radius:999px;padding:4px 10px}
.cv-meta__dates li.is-upd{background:var(--ro-l)}
.cv-behindtext{margin:2.4em 0 1.4em;background:linear-gradient(135deg,var(--az-l),var(--ro-l));border-radius:var(--r);padding:20px 22px}
.cv-behindtext__who{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.cv-behindtext__who img{border-radius:16px}
.cv-behindtext__k{font:700 .75rem var(--h);text-transform:uppercase;letter-spacing:.09em;color:var(--mute);margin:0}
.cv-behindtext__n{font:700 1.05rem var(--h);margin:0}
.cv-behindtext__n a{color:var(--ink)}
.cv-behindtext p{font-size:.95rem}
.cv-behindtext__links{display:flex;gap:10px;margin:0}
.cv-behindtext__links a{background:#fff;border-radius:999px;padding:6px 14px;font:600 .88rem var(--h);text-decoration:none;color:var(--ink)}
.cv-more{margin:1.6em 0}
.cv-more__h{font-size:1.15rem;margin:0 0 10px}
.cv-more__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.cv-more__c{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--az);border-radius:var(--r-s);padding:12px 14px;text-decoration:none;color:var(--ink)}
.cv-more__c:nth-child(2){border-top-color:var(--ro)}
.cv-more__c:hover{border-color:var(--az)}
.cv-more__k{font-size:.75rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.cv-more__t{font:650 .98rem/1.3 var(--h)}

/* ===== re-review 2026-10-15 ===== */
.cv-faq .cv-q{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);margin:8px 0;padding:0}
.cv-faq .cv-q summary{cursor:pointer;list-style:none;font:700 1.02rem/1.35 var(--h);padding:14px 44px 14px 16px;position:relative}
.cv-faq .cv-q summary::-webkit-details-marker{display:none}
.cv-faq .cv-q summary::after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-right:2.5px solid var(--az-d);border-bottom:2.5px solid var(--az-d);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.cv-faq .cv-q[open] summary::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--ro-d)}
.cv-faq .cv-q[open]{border-color:var(--az)}
.cv-q__a{padding:0 16px 6px}
.cv-list__h{font:700 .78rem/1 var(--h);text-transform:uppercase;letter-spacing:.09em;color:var(--ro-d);margin:1.2em 0 -.4em}
.cv-latest ul>li{padding:12px 14px!important}
.cv-content>p:empty{display:none}
@media (min-width:1100px){.cv-wrap--text .cv-table--wide{width:min(1140px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}}
@media (max-width:640px){.cv-table table{min-width:0}.cv-table--stack .cv-tr-head{display:none}}