/* ncov|wrap — casinoliste, GRANSKOG */
body.nco .ncov-wrap{margin:30px 0 26px;padding:0 16px;background:none;font-family:var(--g-sans);width:auto;max-width:100%;grid-column:1/-1;flex:1 1 100%}
body.nco .ncov-head h2{margin:0 0 6px;font-size:clamp(24px,2.6vw,30px)}
body.nco .ncov-head p{margin:0 0 12px;font-size:14px;color:var(--g-ink2);max-width:none}

/* ncov|filters */
body.nco .ncov-filters{display:flex;align-items:center;gap:6px 18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:4px 0 8px;border-bottom:1px solid var(--g-frost);font-size:14px}
body.nco .ncov-filters::-webkit-scrollbar{display:none}
body.nco .ncov-filters > span{color:var(--g-mute);white-space:nowrap}
body.nco .ncov-filters label{display:inline-flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap;cursor:pointer;font-weight:600;
  text-decoration:underline;text-decoration-color:var(--g-line);text-underline-offset:5px}
body.nco .ncov-filters input{width:16px;height:16px;margin:0;accent-color:var(--g-moss)}

/* ncov|list */
body.nco .ncov-list{list-style:none;margin:0;padding:0;counter-reset:none}
body.nco .ncov-list > li{margin:0 0 12px;padding:14px 18px 10px;background:var(--g-paper);border:1px solid #C9C7BE;
  display:grid;grid-template-columns:34px 150px 128px minmax(0,1fr) 176px;grid-template-areas:"rank brand score offer cta" "facts facts facts facts facts" "info info info info info";
  column-gap:16px;row-gap:6px;align-items:center;position:relative}
body.nco .ncov-list > li::before,body.nco .ncov-list > li::after{content:none!important;display:none!important}
body.nco .ncov-list > li:first-child{border:2px solid var(--g-spruce)}
body.nco .ncov-rank{grid-area:rank;align-self:start;font:900 30px/1 var(--g-serif);color:var(--g-cloud2);padding-top:6px}
body.nco .ncov-brand{grid-area:brand;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
body.nco .ncov-logo{display:grid;place-items:center;width:140px;height:62px;background:var(--g-paper)}
body.nco .ncov-logo img{max-width:132px;max-height:56px;width:auto;height:auto;margin:0;object-fit:contain}
body.nco .ncov-noimg{font:800 18px/1 var(--g-serif);color:var(--g-ink)}
body.nco .ncov-name{margin:0;font-size:13px;font-weight:700;color:var(--g-ink);line-height:1.2;text-align:center}
body.nco .ncov-review{font-size:13px;color:var(--g-moss)!important;text-decoration:underline}
body.nco .ncov-score{grid-area:score;display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--g-spruce);text-align:center}
body.nco .ncov-score span{display:flex;flex-direction:column;justify-content:center;padding:6px 2px;font-size:11px;line-height:1.2;color:var(--g-ink2)}
body.nco .ncov-score span + span{border-left:1.5px solid var(--g-spruce)}
body.nco .ncov-score b{font:800 19px/1.1 var(--g-sans);color:var(--g-ink)}
body.nco .ncov-offer{grid-area:offer;min-width:0}
body.nco .ncov-deal{margin:0;font:800 19px/1.25 var(--g-serif);color:var(--g-ink);max-width:none}
body.nco .ncov-terms{margin:4px 0 0;font-size:12px;color:var(--g-mute);max-width:none}
body.nco .ncov-cta{grid-area:cta;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;background:var(--g-cloud);
  color:var(--g-ink)!important;font:700 16px/1.1 var(--g-sans);text-decoration:none!important}
body.nco .ncov-cta:hover{background:var(--g-cloud2)}
body.nco .ncov-verdict{margin:4px 0 0;font-size:14px;line-height:1.35;color:var(--g-ink2);max-width:none}
body.nco .ncov-verdict mark{font-weight:700;color:var(--g-ink)}
body.nco .ncov-facts{grid-area:facts;list-style:none;margin:6px -18px 0;padding:8px 18px 0;display:flex;flex-wrap:wrap;border-top:1px solid var(--g-frost)}
body.nco .ncov-facts li{margin:0;padding:0 16px;display:flex;flex-direction:column;font-size:12px;color:var(--g-mute);line-height:1.3}
body.nco .ncov-facts li:first-child{padding-left:0}
body.nco .ncov-facts li + li{border-left:1px solid var(--g-frost)}
body.nco .ncov-facts b{font-size:14px;color:var(--g-ink)}
body.nco .ncov-info{grid-area:info;font-size:14px}
body.nco .ncov-info summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer;color:var(--g-moss);font-weight:600}
body.nco .ncov-info dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:4px 0 8px;padding:10px 12px;background:var(--g-inset)}
body.nco .ncov-info dt{color:var(--g-mute)}
body.nco .ncov-info dd{margin:0;font-weight:600}

/* ncov|hidden-tail, show-all, filters — rekkefølgen er viktig */
body.nco .ncov-list > li.ncov-hid{display:none}
body.nco .ncov-wrap:has(.ncov-more:checked) .ncov-list > li.ncov-hid{display:grid}
body.nco .ncov-wrap:has(.ncov-f-fs:checked) .ncov-list > li:not(.m-fs),
body.nco .ncov-wrap:has(.ncov-f-wag:checked) .ncov-list > li:not(.m-wag),
body.nco .ncov-wrap:has(.ncov-f-big:checked) .ncov-list > li:not(.m-big),
body.nco .ncov-wrap:has(.ncov-f-mga:checked) .ncov-list > li:not(.m-mga),
body.nco .ncov-wrap:has(.ncov-f-dep:checked) .ncov-list > li:not(.m-dep){display:none}
body.nco .ncov-morebar{display:flex;justify-content:center;align-items:center;min-height:46px;margin:0 0 12px;border:1.5px solid var(--g-ink);cursor:pointer;font-weight:700}
body.nco .ncov-morebar input{position:absolute;opacity:0;width:1px;height:1px}
body.nco .ncov-more-off{display:none}
body.nco .ncov-wrap:has(.ncov-more:checked) .ncov-more-on{display:none}
body.nco .ncov-wrap:has(.ncov-more:checked) .ncov-more-off{display:inline}
body.nco .ncov-note{margin:0;font-size:12px;line-height:1.5;color:var(--g-mute);max-width:none}

/* ncov|narrow — liste i smal kolonne (arket med meny til venstre) */
body.nco .ncov-wrap{container-type:inline-size;container-name:ncov}
@container ncov (max-width: 880px) {
  body.nco .ncov-list > li{grid-template-columns:30px 132px minmax(0,1fr) 168px;grid-template-areas:"rank brand score cta" "rank brand offer offer" "facts facts facts facts" "info info info info";column-gap:14px}
  body.nco .ncov-score{justify-self:start;width:128px}
  body.nco .ncov-logo{width:128px;height:56px}
  body.nco .ncov-logo img{max-width:120px;max-height:50px}
}

/* ncov|mobile */
@media (max-width:760px){
  body.nco .ncov-wrap{padding:0 12px}
  body.nco .ncov-list > li{grid-template-columns:28px 104px minmax(0,1fr);grid-template-areas:"rank brand score" "offer offer offer" "cta cta cta" "facts facts facts" "info info info";
    padding:10px 12px 4px;column-gap:10px;row-gap:6px}
  body.nco .ncov-verdict,body.nco .ncov-terms{display:none}
  body.nco .ncov-score span{padding:4px 2px}
  body.nco .ncov-cta{min-height:44px}
  body.nco .ncov-info summary{min-height:28px}
  body.nco .ncov-logo{width:100px;height:50px}
  body.nco .ncov-logo img{max-width:96px;max-height:44px}
  body.nco .ncov-name{display:none}
  body.nco .ncov-deal{font-size:17px}
  body.nco .ncov-facts{margin:4px -12px 0;padding:6px 12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  body.nco .ncov-facts li{padding:0 8px}
  body.nco .ncov-facts li:nth-child(n+4){display:none}
}