/* ───────────────────────────────────────────────────────────────
   ncua.no/bedrifter/observatoriet — tall til presse og partnere.

   Siden er mørk hele veien, som resten av /bedrifter. Fargen gjør
   én jobb: gull er «antall bedrifter». Ingen andre fargeklasser
   bærer mening, fordi ingen av diagrammene har mer enn én serie.
   ─────────────────────────────────────────────────────────────── */

.ob-hero{padding:56px 0 30px}
.ob-hero h1{margin:0 0 10px;font-family:var(--font-display);
  font-size:var(--fs-h2);line-height:1.1}
.ob-hero p.ob-lead{margin:0;max-width:64ch;color:var(--ink-400);
  font-size:var(--fs-lead)}

/* Hero-tallet: én per side, samme sans som alt annet, proporsjonale
   sifre — tabular-nums gjør «121» luftig i display-størrelse. */
.ob-figure{margin:30px 0 6px;display:flex;align-items:baseline;gap:16px;
  flex-wrap:wrap}
.ob-figure__n{font-family:var(--font-body);font-weight:600;font-size:clamp(3rem,8vw,5rem);
  line-height:1;color:var(--gold-500);font-variant-numeric:proportional-nums}
.ob-figure__cap{color:var(--ink-400);font-size:var(--fs-sm);max-width:34ch}

.ob-floor{margin-top:18px;padding:12px 16px;border-left:3px solid var(--gold-500);
  background:var(--gold-glow);color:#F4E4A8;font-size:var(--fs-sm);max-width:74ch;
  border-radius:0 8px 8px 0}

.ob-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
  gap:12px;margin-top:26px}
.ob-tile{background:var(--ink-700);border:1px solid var(--ink-600);
  border-radius:12px;padding:14px 16px}
.ob-tile__label{color:var(--ink-400);font-size:var(--fs-xs);margin:0 0 6px}
.ob-tile__v{font-weight:600;font-size:1.7rem;line-height:1;
  font-variant-numeric:proportional-nums}
.ob-tile__note{color:var(--ink-400);font-size:11.5px;margin:6px 0 0}

.ob-main{padding:34px 0 20px}
/* Two columns, not auto-fit: with four cards, auto-fit gives three across and
   leaves the fourth stranded beside two empty thirds. */
.ob-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.ob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ob-card{background:var(--ink-800);border:1px solid var(--ink-600);
  border-radius:14px;padding:18px 20px 16px}
.ob-card h2{margin:0 0 2px;font-size:var(--fs-h4)}
.ob-card p.ob-sub{margin:0 0 16px;color:var(--ink-400);font-size:var(--fs-xs)}

/* ── merkene ──────────────────────────────────────────────────── */
.mc-bar{fill:var(--gold-500)}
.mc-bar--zero{fill:var(--ink-400)}
.mc-label{fill:var(--ink-400);font-size:12px;font-family:var(--font-body)}
.mc-value{fill:var(--paper);font-size:12px;font-weight:600;
  font-family:var(--font-body);font-variant-numeric:tabular-nums}
.mc-axis{stroke:var(--ink-600);stroke-width:1}
.mc-empty{color:var(--ink-400);font-size:var(--fs-sm);margin:6px 0 0}

.mc-table{margin-top:14px}
.mc-table summary{color:var(--ink-400);font-size:var(--fs-xs);cursor:pointer}
.mc-table summary:hover{color:var(--gold-500)}
.mc-table table{width:100%;border-collapse:collapse;margin-top:10px;
  font-size:var(--fs-xs)}
.mc-table th,.mc-table td{text-align:left;padding:5px 8px;
  border-bottom:1px solid var(--ink-700)}
.mc-table thead th{color:var(--ink-400);font-weight:500}
.mc-table td{text-align:right;font-variant-numeric:tabular-nums}
.mc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}

/* ── metode og pressemateriell ────────────────────────────────── */
.ob-method{padding:40px 0}
.ob-method h2{margin:0 0 14px;font-size:var(--fs-h3)}
.ob-ladder{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none;
  max-width:74ch}
.ob-ladder li{display:grid;grid-template-columns:46px 1fr;gap:14px;
  background:var(--ink-700);border:1px solid var(--ink-600);border-radius:10px;
  padding:12px 14px}
.ob-ladder .t{font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em}
.ob-ladder .t--pub{color:var(--gold-500)}
.ob-ladder .t--priv{color:var(--ink-400)}
.ob-ladder b{display:block;font-size:var(--fs-sm);margin-bottom:2px}
.ob-ladder span.d{color:var(--ink-400);font-size:var(--fs-xs)}

.ob-quote{background:var(--ink-700);border:1px solid var(--ink-600);
  border-radius:10px;padding:14px 16px;margin-bottom:10px}
.ob-quote .lang{color:var(--ink-400);font-size:11px;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:6px}
.ob-quote p{margin:0;font-size:var(--fs-sm)}
.ob-quote button{margin-top:10px;background:var(--ink-600);border:1px solid var(--ink-500);
  color:var(--paper);padding:5px 12px;border-radius:6px;font:inherit;
  font-size:var(--fs-xs);cursor:pointer}
.ob-quote button:hover{border-color:var(--gold-600)}

.ob-nope{border-left:3px solid var(--bad,#E2685E);background:rgba(226,104,94,.10);
  padding:12px 16px;border-radius:0 8px 8px 0;max-width:74ch;margin-top:8px}
.ob-nope p{margin:0 0 6px;font-size:var(--fs-sm)}
.ob-nope p:last-child{margin:0}
.ob-nope s{color:#F0A9A2}

.ob-foot{padding:26px 0;border-top:1px solid var(--ink-600);color:var(--ink-400);
  font-size:var(--fs-xs)}
.ob-foot p{margin:0 0 6px;max-width:80ch}
.ob-foot a{color:var(--ink-400)}

/* ---------------------------------------------------------- kommunekartet */
.ob-card--map{margin-bottom:18px}
.ob-mapwrap{position:relative;height:min(62vh,560px);background:var(--ink-900);
  border:1px solid var(--ink-600);border-radius:12px;overflow:hidden}
#ob-map{width:100%;height:100%}
.ob-legend{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;
  gap:5px;flex-wrap:wrap;background:rgba(5,15,24,.72);border:1px solid var(--ink-600);
  border-radius:8px;padding:6px 10px;font-size:11px;color:var(--ink-400)}
.ob-legend:empty{display:none}
.ob-legend__c{width:18px;height:9px;border-radius:2px;display:inline-block}
.ob-mapnote{margin:10px 0 0;color:var(--ink-400);font-size:var(--fs-sm);min-height:1.4em}
.norgemap path{stroke:#050F18;stroke-width:.6;transition:fill .14s;cursor:pointer}
.norgemap path:hover{stroke:var(--gold-500);stroke-width:1.5}
.norgemap circle{vector-effect:non-scaling-stroke}
.norgemap circle.pin{fill:var(--gold-500);fill-opacity:.72;stroke:#050F18;stroke-width:.75}