/* ============================================================
   KALME /dati/ — bloga platformas stils
   ============================================================
   Dizaina valoda: pārņemta no kalme.lv kartes un /legal/ lapām
   (tumšā "egle naktī" palete, koraļļu akcents, DM Sans + Spectral).

   🚨 CIPARI: VISUR DM Sans + font-variant-numeric: tabular-nums.
      JetBrains Mono / Fira / Roboto Mono / Source Code Pro / generic
      `monospace` šajā failā AIZLIEGTI (punktota nulle — Ivars 2×).

   Fonti: pašhostēti no /fonts/v43/webfonts/ (OFL 1.1). Nav ārēju
   pieprasījumu uz fonts.googleapis.com — ātrāk, un DEV basic auth
   /fonts/ ceļu izlaiž cauri (functions/_middleware.js).
   ============================================================ */

/* ---------- Fonti ---------- */
@font-face{font-family:'DM Sans';src:url('/fonts/v43/webfonts/dm-sans-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fonts/v43/webfonts/dm-sans-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fonts/v43/webfonts/dm-sans-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Spectral';src:url('/fonts/v43/webfonts/spectral-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Spectral';src:url('/fonts/v43/webfonts/spectral-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* ---------- Tokeni: tumšā tēma (noklusējums) ---------- */
:root{
  color-scheme:dark;

  --bg:#0e1512;               /* lapas fons */
  --surface:#14201b;          /* kartes, kastes, tabulas */
  --surface-2:#1a2822;        /* pacelts slānis: čipi, kods, tabulas galva */
  --ink:#EDE6D6;              /* pamatteksts — silts, ne tīri balts (halācija) */
  --ink-body:#D6D0C2;         /* garā teksta rindkopas */
  --ink-muted:#9BA89F;
  --ink-faint:#6E7D74;

  --mint:#5AB89A;             /* KALME piparmētra */
  --coral:#FF6B4A;            /* KALME koraļļu — akcents, saites */
  --amber:#D99A3D;

  /* Diagrammu sērijas — validētas pret --surface (dataviz validator,
     dark band L 0.48-0.67): mežs=piparmētra, aramzeme=dzintars.
     Koraļļu kā 3. sēriju NEDRĪKST — ΔE 2.2 pret dzintaru (deutan). */
  --serie-mezs:#4CA98A;
  --serie-arams:#C08630;

  /* Bauskas raksts. Divas atsevišķas krāsu lomas — NEJAUKT:
     (a) Bauska pret Latviju = zīmola pāris koraļļu/piparmētra, secība FIKSĒTA;
     (b) kartes datu kategorijas — sakrīt ar pmtiles_demo slāņiem (grep enkuri:
         `id: 'tx-zv'` → #5AB89A · `id: 'tx-zvb'` → #FF6B4A · --data-apartments:#4360D8),
         lai lasītājs kategoriju atpazītu no kartes. `--accent` (#B4553C) ir SASKARNES
         akcents, NE ZVB datu krāsa — no tā vērtību neņemt. */
  --serie-bauska:#FF6B4A;
  --serie-latvija:#5AB89A;
  --serie-zv:#5AB89A;
  --serie-zvb:#FF6B4A;
  --serie-tg:#4360D8;

  /* Sekvenciālais viena toņa ramps sakārtotām grupām (bonitāte) — gaišs = zemāka
     grupa. NE kategoriskās krāsas: grupas ir sakārtotas pēc lieluma.
     🚨 1. solis nobīdīts no #2F6E5C uz #367A64: raksts_bauska_viz.json to validēja
     pret #131517 (3,06:1), bet MŪSU diagrammas fons ir --surface #14201b, pret ko
     #2F6E5C dod tikai 2,80:1 — zem 3:1 sliekšņa grafiskiem objektiem. #367A64 = 3,29:1.
     Pārējie trīs soļi nemainīti (4,06 · 5,72 · 9,10). */
  --ramp-1:#367A64;
  --ramp-2:#3E8A73;
  --ramp-3:#4FA68B;
  --ramp-4:#7ACFB2;

  --grid:rgba(237,230,214,0.09);

  --line:rgba(237,230,214,0.10);
  --line-strong:rgba(237,230,214,0.18);
  --shadow:0 10px 30px rgba(0,0,0,0.45);

  --radius:3px;               /* v4.3: 3px VISUR */
  --radius-img:6px;

  --font-ui:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Spectral',Georgia,'Times New Roman',serif;

  /* Lasāmība — rindas garums.
     🚨 NELIETOT `ch` VIENĪBU. `1ch` = cipara "0" platums, un DM Sans ar
     tabular-nums cipars ir 12,31px pie 18px, kamēr VIDĒJAIS mazais burts ir
     tikai 7,68px. Sākotnēji uzliktais `68ch` = 837px izrādījās 109 rakstzīmes
     rindā (izmērīts pārlūkā ar Range API 2026-08-14) — krietni pāri WCAG 1.4.8
     robežai (≤80) un divreiz pāri Bringhursta ieteikumam (45-75).
     🚨 UN NELIETOT `em` KOPĪGAJĀ SELEKTORĀ. `em` ir relatīvs pret PAŠA elementa
     fontu, tāpēc `.article-body > *{max-width:32em}` deva h2 (30px) 960px, bet
     p (18px) 576px — trīs dažādas kreisās malas vienā slejā (redzēts
     ekrānšāviņā 2026-08-14). `rem` ir konstants → visiem viena mala.
     36rem = 576px pie saknes 16px ≈ 73 rakstzīmes @ 18px DM Sans. */
  --measure:36rem;
  --wide:1120px;
  --wide-fig:880px;           /* diagrammas/tabulas — platākas par tekstu, bet uz tās pašas ass */
}

/* ---------- Tokeni: gaišā lasīšanas tēma ---------- */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#FBF8F1;
  --surface:#FFFFFF;
  --surface-2:#F2EDE1;
  --ink:#1A241F;
  --ink-body:#2C3A33;
  --ink-muted:#5A6B60;
  --ink-faint:#8A968E;
  --mint:#12876A;
  --coral:#C8442A;
  --amber:#8A5A16;
  --serie-mezs:#12876A;       /* validēts pret #FBF8F1 (light band) */
  --serie-arams:#AD7318;

  /* Gaišajā tēmā diagrammas fons ir --surface #FFFFFF, tāpēc tumšās tēmas
     spilgtās sērijas te nederētu (koraļļu #FF6B4A dod 2,4:1). Lietojam jau
     validētos gaišās tēmas zīmola toņus; visas ≥3:1 pret balto:
     bauska 4,87 · latvija 4,47 · tg 6,95. */
  --serie-bauska:#C8442A;
  --serie-latvija:#12876A;
  --serie-zv:#12876A;
  --serie-zvb:#C8442A;
  --serie-tg:#3A50B8;

  /* Gaišajā tēmā ramps iet OTRĀDI — uz balta fona zemākā grupa ir gaišākā,
     augstākā tumšākā. Visas ≥3:1 pret #FFFFFF: 3,67 · 4,96 · 7,52 · 12,32. */
  --ramp-1:#46937A;
  --ramp-2:#357C67;
  --ramp-3:#265E4E;
  --ramp-4:#173B30;
  --grid:rgba(26,36,31,0.10);
  --line:rgba(26,36,31,0.12);
  --line-strong:rgba(26,36,31,0.22);
  --shadow:0 6px 20px rgba(26,36,31,0.10);
}

/* ---------- Pamats ---------- */
*,*::before,*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:76px;    /* lipīgā galvene neapsedz enkurus */
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink-body);
  font-family:var(--font-ui);
  font-size:18px;
  line-height:1.7;
  font-variant-numeric:tabular-nums;   /* 🚨 cipari visur vienāda platuma */
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}

a{color:var(--coral);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{
  outline:2px solid var(--mint);outline-offset:2px;border-radius:var(--radius);
}

.skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--surface);color:var(--ink);padding:10px 16px;
  border:1px solid var(--line-strong);border-radius:var(--radius);
}
.skip:focus{left:12px;top:12px}

/* ---------- Izkārtojums ---------- */
.wrap{max-width:var(--wide);margin:0 auto;padding:0 20px}
.measure{max-width:var(--measure);margin-left:auto;margin-right:auto}
/* Tāds pats platums, BET bez centrēšanas — indeksa lapai, kur viss
   līdzinās pa kreisi ar rakstu kartēm un statistikas rindu. */
.narrow{max-width:var(--measure)}

/* ---------- Galvene ---------- */
.site-head{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{
  display:flex;align-items:center;gap:16px;
  min-height:60px;
}
/* Logo — īsts zīmola attēls, kas seko tēmai.
   Divi gatavi faili (balts tumšajai, tumši zaļš gaišajai), tāpēc NEKĀDU
   `filter: invert()` triku — krāsa ir īsta, ne pārrēķināta, un zaļais paliek
   zīmola zaļais abās tēmās.
   Vārds "KALME" paliek marķējumā (vizuāli slēpts) — ekrānlasītājam un
   meklētājiem galvenē joprojām ir teksts, attēls to tikai attēlo.
   Tēmu <head> uzliek inline skripts PIRMS zīmēšanas, tāpēc logo nemirgo. */
.logo{
  display:block;flex:none;
  width:118px;aspect-ratio:1210/340;
  background:url("/img/logo_white.png") no-repeat left center;
  background-size:contain;
  text-decoration:none;
}
.logo span{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
:root[data-theme="light"] .logo{background-image:url("/img/logo.png")}
.head-nav{
  display:flex;gap:18px;flex:1;flex-wrap:wrap;
  font-size:14px;font-weight:500;
}
.head-nav a{color:var(--ink-muted);text-decoration:none}
.head-nav a:hover,.head-nav a[aria-current="page"]{color:var(--ink);text-decoration:none}
.head-tools{display:flex;align-items:center;gap:8px;flex:none}

.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.lang a{
  padding:5px 9px;font-size:12px;font-weight:600;letter-spacing:.4px;
  color:var(--ink-muted);text-decoration:none;
}
.lang a[aria-current="true"]{background:var(--surface-2);color:var(--ink)}
.lang a:hover{color:var(--ink);text-decoration:none}

.theme-btn{
  min-width:38px;height:34px;padding:0 9px;
  background:transparent;border:1px solid var(--line);border-radius:var(--radius);
  color:var(--ink-muted);font-family:var(--font-ui);font-size:13px;font-weight:500;
  cursor:pointer;line-height:1;
}
.theme-btn:hover{color:var(--ink);border-color:var(--line-strong)}

/* ---------- Virsraksti ---------- */
h1,h2,h3,h4{
  font-family:var(--font-display);
  color:var(--ink);
  font-weight:600;
  line-height:1.22;
  letter-spacing:-.2px;
  margin:0 0 .4em;
  text-wrap:balance;
}
h1{font-size:clamp(30px,4.6vw,46px);line-height:1.14;letter-spacing:-.8px}
h2{font-size:clamp(23px,3vw,30px);margin-top:2.2em}
h3{font-size:clamp(19px,2.2vw,22px);margin-top:1.8em}
h4{font-size:18px;margin-top:1.4em;font-family:var(--font-ui);font-weight:600}

p{margin:0 0 1.15em}
ul,ol{margin:0 0 1.15em;padding-left:1.4em}
li{margin:.4em 0}
li::marker{color:var(--ink-faint)}
strong{color:var(--ink);font-weight:600}
hr{border:0;border-top:1px solid var(--line);margin:3em 0}

/* ---------- Metadati ---------- */
.meta{
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
  font-size:13.5px;color:var(--ink-muted);
}
.meta .dot{color:var(--ink-faint)}
.chip{
  display:inline-block;padding:3px 9px;border-radius:var(--radius);
  background:var(--surface-2);border:1px solid var(--line);
  color:var(--ink-muted);font-size:12px;font-weight:600;
  letter-spacing:.5px;text-transform:uppercase;
}
.chip.mint{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 35%,transparent)}
.chip.coral{color:var(--coral);border-color:color-mix(in srgb,var(--coral) 35%,transparent)}

/* ---------- Indeksa hero ---------- */
.hero{padding:52px 0 8px}
.hero .lead{font-size:20px;color:var(--ink-body);max-width:32rem}  /* ≈60 rakstzīmes; sk. --measure piezīmi par ch/em */
.hero-img{
  border-radius:var(--radius-img);border:1px solid var(--line);
  margin:28px 0 6px;width:100%;
}
figcaption,.credit{
  font-size:12.5px;color:var(--ink-faint);line-height:1.5;margin-top:8px;
}
figcaption a,.credit a{color:var(--ink-muted)}

/* ---------- Statistikas rinda ---------- */
.stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius);
  margin:32px 0;overflow:hidden;
}
.stat{background:var(--surface);padding:16px 18px}
.stat .v{
  font-family:var(--font-ui);font-variant-numeric:tabular-nums;
  font-size:27px;font-weight:600;color:var(--ink);line-height:1.1;
}
.stat .k{font-size:12.5px;color:var(--ink-muted);margin-top:5px;line-height:1.4}

/* ---------- Tirgus pulss ----------
   Aizstāj statisko .stats rindu /dati/ sākumlapā (.stats paliek — to vēl lieto
   EN /data/). HTML ģenerē scripts/pulss_render.py; blogs.js to tikai atsvaidzina.

   Kategoriju krāsas ir TĀS PAŠAS, kas kartē (--serie-zv/zvb/tg), lai lasītājs
   kategoriju atpazītu bez leģendas. Krāsa nes tikai atpazīstamību, nevis
   nozīmi — pieaugumu/kritumu rāda zīme un vārds, ne krāsa (deuteranopija). */
.pulss{
  margin:32px 0;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);overflow:hidden;
}
.pulss-galva{padding:16px 18px 0}
.pulss-galva h2{
  font-family:var(--font-ui);font-size:13px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);
  margin:0;
}
.pulss-periods{font-size:13px;color:var(--ink-faint);margin:4px 0 0;line-height:1.4}
.pulss-rezgis{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:1px;background:var(--line);margin-top:16px;border-top:1px solid var(--line);
}
.pulss-sunas{background:var(--surface);padding:16px 18px 12px;position:relative}
.pulss-nos{font-size:12.5px;color:var(--ink-muted);margin:0;line-height:1.4}
.pulss-v{
  font-family:var(--font-ui);font-variant-numeric:tabular-nums;
  font-size:27px;font-weight:600;color:var(--ink);line-height:1.1;
  margin:6px 0 0;
}
/* Mērvienība un salīdzinājuma bāze — mazāks, klusāks, bet TEKSTĀ, ne tooltipā:
   skaitlis bez mērvienības ir tas, ko nocitē nepareizi. */
.pulss-mv{font-size:13px;font-weight:400;color:var(--ink-muted);white-space:nowrap}
.pulss-delta{
  font-family:var(--font-ui);font-variant-numeric:tabular-nums;
  font-size:14px;font-weight:500;margin:6px 0 0;line-height:1.4;
}
.pulss-delta[data-virziens="aug"]{color:var(--mint)}
.pulss-delta[data-virziens="krit"]{color:var(--coral)}
.pulss-delta[data-virziens="līdzeni"]{color:var(--ink-muted)}
.pulss-spark{
  display:block;width:100%;height:28px;margin-top:10px;
  color:var(--ink-faint);opacity:.85;
}
.pulss-sunas[data-tips="ZV"] .pulss-spark{color:var(--serie-zv)}
.pulss-sunas[data-tips="ZVB"] .pulss-spark{color:var(--serie-zvb)}
.pulss-sunas[data-tips="TG"] .pulss-spark{color:var(--serie-tg)}
.pulss-atruna{
  font-size:12.5px;color:var(--ink-faint);line-height:1.5;
  margin:0;padding:12px 18px 14px;border-top:1px solid var(--line);
  max-width:46rem;
}
@media (max-width:520px){
  .pulss-rezgis{grid-template-columns:1fr 1fr}
  .pulss-v{font-size:23px}
  /* 🚨 Divu sleju režīmā rūtiņa ir ~178px, un `nowrap` deltas rindu nogrieza
     ("pret gadu iepriek" — redzēts ekrānšāviņā 2026-08-16). Salīdzinājuma bāzi
     te laužam pa rindām; mērvienība pie lielā skaitļa paliek nedalāma, tā ir īsa. */
  .pulss-delta .pulss-mv{white-space:normal}
}

/* ---------- Aicinājums: jaunumi e-pastā (B variants) ----------
   Kluss kartītes stils, NE baneris — rakstā ir tikai divi aicinājumi (šis pēc
   pirmās lielās sadaļas un noslēguma .plans bloks), un abiem jāpaliek lasīšanas
   plūsmā, nevis jāpārtrauc tā.

   🚨 Atruna zem formas ir TIESISKI vajadzīga (dubultais apstiprinājums un
   atteikšanās) — to nenoņemt, saīsinot "lieko tekstu". */
.cta-epasts{
  max-width:var(--measure);margin:34px 0;padding:18px 20px;
  background:var(--surface-2);border:1px solid var(--line);
  border-left:2px solid var(--mint);border-radius:var(--radius);
}
.cta-nos{
  font-family:var(--font-ui);font-size:15px;font-weight:600;
  color:var(--ink);margin:0;line-height:1.35;
}
.cta-teksts{font-size:14px;color:var(--ink-body);margin:6px 0 0;line-height:1.55}
.cta-forma{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;align-items:flex-start}
.cta-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.cta-lauks{
  flex:1 1 200px;min-width:0;
  font-family:var(--font-ui);font-size:15px;color:var(--ink);
  background:var(--surface);border:1px solid var(--line-strong);
  border-radius:var(--radius);padding:9px 11px;
}
.cta-lauks::placeholder{color:var(--ink-faint)}
.cta-lauks:focus-visible{outline:2px solid var(--mint);outline-offset:1px}
.cta-poga{flex:0 0 auto}
.cta-forma[data-stavoklis="sutu"] .cta-poga{opacity:.6;pointer-events:none}
.cta-piezime{
  flex:1 0 100%;font-size:13.5px;line-height:1.5;margin:2px 0 0;color:var(--mint);
}
.cta-piezime[data-veids="kluda"]{color:var(--coral)}
.cta-piezime:empty{display:none}
.cta-atruna{font-size:12.5px;color:var(--ink-faint);line-height:1.5;margin:12px 0 0}

/* ---------- Dalīšanās ----------
   ⛔ BEZ trešo pušu skriptiem (AddThis u.tml.): tie ir izsekotāji, prasītu
   sīkdatņu piekrišanu un bremzētu lapu. Šeit ir parastas saites + viena poga.
   🔒 X (Twitter) NAV sarakstā — Ivara lēmums 2026-08-15. */
.share{max-width:var(--measure);margin:34px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.share-nos{font-size:13px;color:var(--ink-muted);margin:0 0 10px}
.share-saites{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.share-poga{
  display:inline-block;font-family:var(--font-ui);font-size:13.5px;font-weight:500;
  color:var(--ink-body);background:var(--surface-2);
  border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:7px 12px;text-decoration:none;cursor:pointer;
}
.share-poga:hover{color:var(--ink);border-color:var(--mint)}
.share-poga:focus-visible{outline:2px solid var(--mint);outline-offset:1px}

/* ---------- Rakstu saraksts ---------- */
/* 56rem = 896px: attēls 300 + atstarpe 24 + teksts ≈548px ≈ 70 rakstzīmes.
   Bez šī ierobežojuma kartes ievads pilnā 1080px platumā deva ~105 rakstzīmes. */
.posts{display:grid;gap:26px;margin:8px 0 0;padding:0;list-style:none;max-width:56rem}
.post-card{
  display:grid;grid-template-columns:300px 1fr;gap:24px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
  transition:border-color .15s;
}
.post-card:hover{border-color:var(--line-strong)}
.post-card img{width:100%;height:100%;min-height:180px;object-fit:cover}
.post-card .body{padding:22px 24px 22px 0}
.post-card h2{
  font-size:25px;margin:10px 0 8px;line-height:1.24;
}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--coral);text-decoration:none}
.post-card p{color:var(--ink-body);font-size:16px;margin:0 0 12px}

/* Gaidāmie raksti */
.planned{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.planned li{background:var(--surface);padding:14px 18px;font-size:15.5px;color:var(--ink-body)}
.planned li b{color:var(--ink);font-weight:600}
.planned li span{display:block;font-size:13px;color:var(--ink-muted);margin-top:3px}

/* ---------- Raksts ---------- */
.article-head{padding:44px 0 0}
.article-body{font-size:18px;color:var(--ink-body)}
.article-body > *{max-width:var(--measure);margin-left:auto;margin-right:auto}
.article-body > figure,
.article-body > .full{max-width:var(--wide-fig)}

/* Īsā atbilde — pirmais, ko nolasa gan cilvēks, gan AI */
.answer{
  background:var(--surface);
  border:1px solid var(--line);
  border-left:3px solid var(--mint);
  border-radius:var(--radius);
  padding:20px 24px;margin:0 auto 34px;
}
.answer h2{
  font-family:var(--font-ui);font-size:12px;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;color:var(--mint);
  margin:0 0 10px;
}
.answer p:last-child{margin-bottom:0}
.answer p{font-size:17.5px;color:var(--ink)}

/* Satura rādītājs */
.toc{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 22px;margin:0 auto 34px;
}
.toc h2{
  font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;color:var(--ink-muted);margin:0 0 8px;
}
.toc ol{margin:0;padding-left:1.3em;font-size:15.5px}
.toc li{margin:.3em 0}
.toc a{color:var(--ink-body)}
.toc a:hover{color:var(--coral)}

/* Atruna / brīdinājums */
.notice{
  background:color-mix(in srgb,var(--coral) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--coral) 28%,transparent);
  border-left:3px solid var(--coral);
  border-radius:var(--radius);
  padding:16px 20px;margin:26px auto;font-size:16px;
}
.notice b{color:var(--coral)}

.note{
  border-left:3px solid var(--line-strong);
  padding:2px 0 2px 18px;margin:24px auto;
  font-size:15.5px;color:var(--ink-muted);
}

/* ---------- Tabulas ---------- */
.table-wrap{overflow-x:auto;margin:22px auto;-webkit-overflow-scrolling:touch}
table{
  width:100%;border-collapse:collapse;
  font-size:15px;font-variant-numeric:tabular-nums;
  background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);
}
caption{
  caption-side:top;text-align:left;
  font-size:13px;color:var(--ink-muted);padding:0 0 8px;
}
th,td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line)}
thead th{
  background:var(--surface-2);color:var(--ink);
  font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;
  white-space:nowrap;
}
tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
tbody tr:hover td{background:color-mix(in srgb,var(--ink) 3%,transparent)}

/* ---------- Diagrammas ---------- */
figure{margin:34px auto}
.chart{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 18px 10px;
}
/* SVG mērogojas vienmērīgi, tāpēc uz telefona 720px viewBox saspiežas līdz
   ~307px (0,43x) un 12px paraksti kļūst par 5px — nesalasāmi (izmērīts
   ekrānšāviņā 2026-08-14). Risinājums: uz šauriem ekrāniem diagramma ritinās
   sāniski ar min-width, tāpat kā tabulas. Skaitļi paliek arī tabulā zem tās. */
.chart svg{width:100%;height:auto;display:block;overflow:visible}
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart text{
  font-family:var(--font-ui);font-variant-numeric:tabular-nums;
  fill:var(--ink-muted);
}
.chart .ax{font-size:12px}
.chart .val{font-size:12.5px;font-weight:600}
.chart .grid{stroke:var(--grid);stroke-width:1}
.chart .axis{stroke:var(--line-strong);stroke-width:1}
.chart-title{
  font-family:var(--font-ui);font-size:15px;font-weight:600;
  color:var(--ink);margin:0 0 2px;
}
.chart-sub{font-size:13px;color:var(--ink-muted);margin:0 0 14px}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 4px;font-size:13.5px;color:var(--ink-muted)}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:7px;vertical-align:middle}
/* Joslu diagrammām līnijas paraugs maldina — joslai vajag laukumu, ne svītru. */
.legend i.box{width:12px;height:12px;border-radius:2px}
.legend i.dia{width:11px;height:11px;border-radius:2px;transform:rotate(45deg)}
/* Diapazona joslas paraugs. NE `opacity`, jo tas nodzēstu arī apmali — un tieši
   apmale nes kontrastu: 45 % pildījums viens pats dod 2,48:1 (tumšajā) / 1,85:1
   (gaišajā), pilnas krāsas apmale 6,99:1 / 4,47:1. Tāpat kā pašā diagrammā. */
.legend i.band{
  width:14px;height:11px;border-radius:2px;
  background:color-mix(in srgb,currentColor 45%,transparent);
  border:1.5px solid currentColor;
}
.legend i.hatch{
  width:12px;height:12px;border-radius:2px;
  background-image:repeating-linear-gradient(45deg,currentColor 0 3px,transparent 3px 6px);
}

/* Datu tabula zem diagrammas, kad tā pati tabula rakstā neparādās —
   ekrānlasītājiem un tiem, kas grib skaitli, ne formu. */
.data-details{max-width:var(--wide-fig);margin:-14px auto 30px}
.data-details > summary{
  cursor:pointer;font-size:13.5px;color:var(--ink-muted);
  padding:6px 0;list-style-position:outside;
}
.data-details > summary:hover{color:var(--ink)}
.data-details[open] > summary{margin-bottom:4px}

/* ---------- Ortofoto ---------- */
.photo{border-radius:var(--radius-img);border:1px solid var(--line)}

/* ---------- Metodika / avoti ---------- */
.sources{font-size:15px}
.sources li{margin:.5em 0}

/* ---------- Abonementa noslēgums ---------- */
.plans{
  background:var(--surface);border:1px solid var(--line);
  border-top:3px solid var(--mint);
  border-radius:var(--radius);
  padding:26px 28px;margin:44px auto 0;
}
.plans h2{margin:0 0 10px;font-size:23px}
.plans p{font-size:16px;margin-bottom:14px}
.plans ul{margin:0 0 18px;padding-left:1.3em;font-size:16px}
/* A variants: aicinājums uz reģistrāciju. Klusāks par .btn — pogai blakus
   nedrīkst būt otra tikpat skaļa poga, citādi cilvēks nezina, kur spiest. */
.plans .plans-konts{
  font-size:14.5px;color:var(--ink-muted);line-height:1.55;
  margin:14px 0 0;max-width:42rem;
}
.btn{
  display:inline-block;padding:11px 22px;
  background:var(--coral);color:#150c09;
  border-radius:var(--radius);font-weight:600;font-size:16px;
  text-decoration:none;min-height:44px;line-height:22px;
}
.btn:hover{filter:brightness(1.08);text-decoration:none}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}

/* ---------- Kājene ---------- */
.site-foot{
  margin-top:72px;border-top:1px solid var(--line);
  padding:30px 0 56px;font-size:13.5px;color:var(--ink-muted);
}
.site-foot .wrap{display:grid;gap:14px}
.site-foot a{color:var(--ink-muted)}
.site-foot a:hover{color:var(--ink)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}

/* ---------- Mobilais ---------- */
@media (max-width:760px){
  body{font-size:17px;line-height:1.68}
  .wrap{padding:0 16px}
  .hero{padding:32px 0 4px}
  .hero .lead{font-size:18px}
  .article-body{font-size:17px}
  h2{margin-top:1.9em}
  .post-card{grid-template-columns:1fr}
  .post-card img{min-height:0;aspect-ratio:16/9}
  .post-card .body{padding:18px 20px 22px}
  .post-card h2{font-size:22px}
  .stat .v{font-size:24px}
  .answer,.toc,.plans{padding:16px 18px}
  .head-nav{display:none}
  th,td{padding:8px 11px}
  table{font-size:14px}

  /* Diagrammas: ritināma josla + lielāki paraksti viewBox vienībās.
     560/720 = 0,78x → 14px kļūst par ~11px uz ekrāna (bija 5px). */
  .chart{padding:16px 0 8px 14px}
  .chart-title,.chart-sub,.legend{padding-right:14px}
  .chart svg{min-width:560px}
  .chart .ax{font-size:14px}
  .chart .val{font-size:14px}
}