/* ok-trust.css — trust/editorial page shell (ok-trust template).
   Restrained editorial language: flat surfaces, hairlines, no gradients/glow. */
.ok-trust-page{background:var(--ok-bg)}
.ok-trust-hero{background:#101b3f;padding:44px 0 36px;color:#e9eef9}
.ok-trust-hero .ok-crumbs{font-size:12.5px;color:#a9b4d2;margin:0 0 14px;display:flex;gap:8px;align-items:center}
.ok-trust-hero .ok-crumbs a{color:#c4cee5;text-decoration:none}
.ok-trust-hero .ok-crumbs a:hover{text-decoration:underline}
.ok-trust-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fd6b7}
.ok-trust-hero h1{margin:0;font-size:36px;line-height:1.15;color:#fff;max-width:22ch}
.ok-trust-lead{margin:14px 0 0;font-size:17.5px;line-height:1.6;color:#c4cee5;max-width:64ch}
.ok-trust-dateline{margin:16px 0 0;font-size:12.5px;color:#a9b4d2}
.ok-trust-article{margin:28px 0 56px;max-width:880px;padding:8px 42px 34px;border:1px solid var(--ok-line);border-radius:10px;background:#fff}
.ok-trust-toc{margin:26px 0 6px;padding:16px 20px;border:1px solid var(--ok-line);border-radius:8px;background:#f8fafc}
.ok-trust-toc-h{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ok-text-soft)}
.ok-trust-toc ol{margin:0;padding-left:18px;columns:2;column-gap:28px}
.ok-trust-toc li{font-size:14px;line-height:1.5;padding:3px 0;break-inside:avoid}
.ok-trust-toc a{color:var(--ok-link);text-decoration:none}
.ok-trust-toc a:hover{text-decoration:underline}
.ok-trust-body{max-width:74ch}
.ok-trust-body p,.ok-trust-body li{font-size:16px;line-height:1.75;color:var(--ok-text)}
.ok-trust-body h2{font-size:26px;line-height:1.25;color:var(--ok-ink);margin:38px 0 10px;padding-top:26px;border-top:1px solid var(--ok-line)}
.ok-trust-body h2:first-child{border-top:0;padding-top:0;margin-top:26px}
.ok-trust-body h3{font-size:19px;color:var(--ok-ink);margin:26px 0 8px}
.ok-trust-body ul,.ok-trust-body ol{padding-left:24px;margin:10px 0 18px}
.ok-trust-body ul>li{list-style:disc !important}
.ok-trust-body ol>li{list-style:decimal !important}
.ok-trust-body li::marker{color:var(--ok-muted)}
/* custom-marker-lister behåller sina egna markörer (ingen dubbel-bullet från disc-regeln ovan) */
.ok-trust-body .ok-checklist>li,.ok-trust-body .ok-steps>li,.ok-trust-body .ok-flags>li,.ok-trust-body .ok-flags-mini>li{list-style:none !important}
.ok-trust-body li{margin:6px 0}
.ok-trust-body a{color:var(--ok-link)}
.ok-trust-body .ok-note{background:#fff8ec;border:1px solid #f0dcae;border-left:3px solid var(--ok-gold-deep);border-radius:8px;padding:14px 18px;font-size:15px;margin:18px 0}
.ok-trust-body .ok-plain-note{background:#f8fafc;border:1px solid var(--ok-line);border-radius:8px;padding:14px 18px;font-size:15px;margin:18px 0}
.ok-trust-correct{margin:34px 0 0;padding-top:18px;border-top:1px dashed var(--ok-line);font-size:14px;color:var(--ok-text-soft)}
/* weights table (shortcode ok_weights) */
.ok-wtable{width:100%;border-collapse:collapse;margin:14px 0 6px}
.ok-wtable th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ok-text-soft);text-align:left;padding:8px 12px;border-bottom:2px solid var(--ok-line-2)}
.ok-wtable td{padding:11px 12px;border-bottom:1px solid var(--ok-line);font-size:15px;vertical-align:top}
.ok-wtable td.w{font-weight:700;color:var(--ok-ink);white-space:nowrap;width:64px}
.ok-wtable td.k{font-weight:700;color:var(--ok-ink);white-space:nowrap}
/* rg program table (shortcode ok_rg_programs) */
.ok-rgtable{width:100%;border-collapse:collapse;margin:14px 0 6px}
.ok-rgtable td{padding:10px 12px;border-bottom:1px solid var(--ok-line);font-size:15px}
.ok-rgtable td.c{font-weight:700;white-space:nowrap}
@media (max-width:900px){
  .ok-trust-hero h1{font-size:29px}
  .ok-trust-article{padding:6px 20px 26px}
  .ok-trust-toc ol{columns:1}
}
@media (max-width:560px){
  .ok-trust-hero{padding:32px 0 26px}
  .ok-trust-hero h1{font-size:25px}
  .ok-wtable td,.ok-wtable th{padding:8px 8px}
}

/* editorial (guide/news) additions */
.ok-ed-byline{margin:16px 0 0;font-size:13px;color:#a9b4d2}
.ok-ed-byline b{color:#e9eef9}
.ok-news-impact{background:#f2f7f4;border:1px solid #cfe4d8;border-left:3px solid var(--ok-green);border-radius:8px;padding:16px 20px;margin:22px 0}
.ok-news-impact b{color:var(--ok-ink)}
.ok-ed-sources{background:#f8fafc;border:1px solid var(--ok-line);border-radius:8px;padding:16px 20px;margin:26px 0 6px}
.ok-ed-sources p{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ok-text-soft)}
.ok-ed-sources ul{margin:0;padding-left:20px}
.ok-ed-sources li{font-size:14px;line-height:1.7}

/* ── News archive (/nyheter/, template ok-nyhetsarkiv) 2026-07-05 ── */
.ok-newsarch{list-style:none;margin:0;padding:34px 44px}
.ok-newsarch li{border-bottom:1px solid var(--ok-line);padding:20px 0}
.ok-newsarch li:first-child{padding-top:0}
.ok-newsarch li:last-child{border-bottom:0}
.ok-newsarch-date{display:block;font-size:12.5px;font-weight:600;color:var(--ok-text-soft);margin-bottom:4px}
.ok-newsarch h2{font-size:21px;margin:0}
.ok-newsarch h2 a{color:var(--ok-ink);text-decoration:none}
.ok-newsarch h2 a:hover{color:var(--ok-action)}
.ok-newsarch p{font-size:15px;color:var(--ok-text);margin:6px 0 0;max-width:72ch}
.ok-newsarch-more{font-size:14px;color:var(--ok-text-soft);padding:0 44px 30px;margin:0}
.ok-news-page .ok-empty{margin:30px 44px}
@media(max-width:700px){.ok-newsarch{padding:22px 20px}.ok-newsarch-more{padding:0 20px 24px}}

/* ═══ Two-column editorial shell + sticky index rail + reading bar (gold-standard lift 2026-07-08) ═══ */
.ok-trust-readbar{position:sticky;top:0;z-index:30;height:3px;background:transparent}
.ok-trust-readbar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ok-action),var(--ok-mint));border-radius:0 3px 3px 0;transition:width .08s linear}
.ok-trust-hero .ok-readtime{color:#c4cee5}
.ok-trust-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start;margin:28px 0 56px}
.ok-trust-shell .ok-trust-article{margin:0;max-width:none}
.ok-trust-rail{position:sticky;top:88px;align-self:start;min-width:0}
.ok-trust-rail .ok-trust-toc{margin:0;padding:15px 16px}
.ok-trust-rail .ok-trust-toc ol{columns:1;padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:1px;counter-reset:ttoc}
.ok-trust-rail .ok-trust-toc li{padding:0;font-size:13px}
.ok-trust-rail .ok-trust-toc a{display:flex;gap:9px;align-items:baseline;padding:7px 9px;border-radius:8px;color:var(--ok-text-soft);text-decoration:none;line-height:1.35;transition:background var(--ok-dur) var(--ok-ease),color var(--ok-dur) var(--ok-ease)}
.ok-trust-rail .ok-trust-toc a::before{counter-increment:ttoc;content:counter(ttoc,decimal-leading-zero);font-family:var(--ok-font-display);font-weight:700;font-size:10.5px;color:var(--ok-muted);flex:0 0 auto}
.ok-trust-rail .ok-trust-toc a:hover{background:var(--ok-surface-cool);color:var(--ok-ink)}
.ok-trust-rail .ok-trust-toc a.is-active{background:var(--ok-surface-mint);color:var(--ok-green-ink);font-weight:600}
.ok-trust-rail .ok-trust-toc a.is-active::before{color:var(--ok-green-ink)}
/* Mobile collapsible index (desktop uses the rail) */
.ok-trust-mtoc{display:none}
@media(max-width:980px){
  .ok-trust-shell{grid-template-columns:1fr}
  .ok-trust-rail{display:none}
  .ok-trust-mtoc{display:block;margin:0 0 8px;border:1px solid var(--ok-line);border-radius:8px;background:#f8fafc}
  .ok-trust-mtoc>summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:14px;color:var(--ok-ink);list-style:none;display:flex;align-items:center;gap:8px}
  .ok-trust-mtoc>summary::-webkit-details-marker{display:none}
  .ok-trust-mtoc>summary::before{content:"+";color:var(--ok-action);font-size:19px;font-weight:400;line-height:1}
  .ok-trust-mtoc[open]>summary::before{content:"–"}
  .ok-trust-mtoc ol{list-style:none;margin:0;padding:2px 10px 12px;counter-reset:mt;display:flex;flex-direction:column;gap:1px}
  .ok-trust-mtoc a{display:flex;gap:9px;align-items:baseline;padding:8px 8px;border-radius:8px;font-size:13.5px;color:var(--ok-link);text-decoration:none;line-height:1.35}
  .ok-trust-mtoc a::before{counter-increment:mt;content:counter(mt,decimal-leading-zero);font-family:var(--ok-font-display);font-weight:700;font-size:10.5px;color:var(--ok-muted)}
}

/* ── Visual components (de-flatten): weight bars · score-band scale · stat tiles · principle cards ── */
.ok-trust-body .ok-wbars{display:flex;flex-direction:column;gap:17px;margin:18px 0 8px;max-width:none}
.ok-wbar-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ok-wbar-label{font-family:var(--ok-font-display);font-weight:700;font-size:15.5px;color:var(--ok-ink)}
.ok-wbar-pct{font-family:var(--ok-font-display);font-weight:700;font-size:14px;color:var(--ok-green-ink);font-variant-numeric:tabular-nums}
.ok-wbar-track{height:9px;border-radius:999px;background:var(--ok-surface-cool);overflow:hidden;margin:7px 0 6px}
.ok-wbar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ok-green-deep),var(--ok-green))}
.ok-trust-body .ok-wbar-desc{margin:0;font-size:14px;line-height:1.6;color:var(--ok-text-soft);max-width:72ch}

.ok-trust-body .ok-scoreband{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0 8px;max-width:none}
.ok-scoreband-seg{border-radius:9px;padding:11px 8px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:2px}
.ok-scoreband-seg b{font-family:var(--ok-font-display);font-size:16.5px;line-height:1}
.ok-scoreband-seg span{font-size:11px;font-weight:600;opacity:.96}
.ok-sb1{background:var(--ok-band-1)}.ok-sb2{background:var(--ok-band-2)}.ok-sb3{background:var(--ok-band-3)}.ok-sb4{background:var(--ok-band-4)}.ok-sb5{background:var(--ok-band-5)}

.ok-trust-body .ok-trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 26px;max-width:none}
.ok-trust-stat{border:1px solid var(--ok-line);border-radius:10px;padding:14px 16px;background:#fff}
.ok-trust-stat b{display:block;font-family:var(--ok-font-display);font-size:23px;color:var(--ok-ink);line-height:1.05}
.ok-trust-stat span{display:block;margin-top:4px;font-size:12.5px;color:var(--ok-text-soft)}

.ok-trust-body .ok-trust-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 8px;padding:0;list-style:none;max-width:none}
.ok-trust-body .ok-trust-cards>li{list-style:none !important;background:#fff;border:1px solid var(--ok-line);border-radius:12px;padding:18px;margin:0}
.ok-trust-body .ok-trust-cards>li::marker{content:none}
.ok-trust-card-ic{width:34px;height:34px;border-radius:9px;background:var(--ok-surface-mint);color:var(--ok-green-ink);display:flex;align-items:center;justify-content:center;margin-bottom:11px}
.ok-trust-card-ic svg{width:18px;height:18px}
.ok-trust-body .ok-trust-cards b{display:block;font-family:var(--ok-font-display);font-size:16px;color:var(--ok-ink);margin-bottom:5px}
.ok-trust-body .ok-trust-cards p{margin:0;font-size:14px;line-height:1.6;color:var(--ok-text-soft)}
@media(max-width:760px){.ok-trust-body .ok-trust-cards{grid-template-columns:1fr}.ok-trust-body .ok-trust-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ok-trust-body .ok-scoreband{grid-template-columns:repeat(2,1fr)}}

/* ── Help-resource cards (ansvarsfullt-spelande) — calm, tappable, no alarm styling ── */
.ok-trust-body .ok-help-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin:16px 0 8px;padding:0;list-style:none;max-width:none}
.ok-trust-body .ok-help-cards>li{list-style:none !important;background:#fff;border:1px solid var(--ok-line);border-radius:12px;padding:18px;margin:0;display:flex;flex-direction:column}
.ok-trust-body .ok-help-cards>li::marker{content:none}
.ok-help-ic{width:38px;height:38px;border-radius:10px;background:var(--ok-surface-mint);color:var(--ok-green-ink);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.ok-help-ic svg{width:20px;height:20px}
.ok-help-name{font-family:var(--ok-font-display);font-size:17px;color:var(--ok-ink);margin-bottom:5px}
.ok-trust-body .ok-help-desc{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--ok-text-soft);flex:1 1 auto}
.ok-trust-body a.ok-help-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--ok-font-display);font-weight:700;font-size:15px;color:var(--ok-green-ink);text-decoration:none;padding:9px 15px;border-radius:9px;background:var(--ok-surface-mint);margin-top:auto;transition:filter .15s ease}
.ok-trust-body a.ok-help-cta:hover{filter:brightness(.96)}
.ok-trust-body a.ok-help-cta span{transition:transform .15s ease}
.ok-trust-body a.ok-help-cta:hover span{transform:translateX(2px)}

/* Hero-illustrasjon pa trust-sider (2026-07-18, Mortens feedback: header trenger visuell) */
.ok-trust-herogrid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.ok-trust-heroart svg{width:300px;max-width:100%;height:auto;display:block}
@media(max-width:860px){.ok-trust-heroart{display:none}}