/* =========================================================================
   cojestwtwojejwodzie.pl — „Co jest w Twojej wodzie"
   Motyw kolorystyczny (nadpisuje zmienne z styles.css) + drobne korekty
   typograficzne używane na tej stronie. Ładowany PO styles.css.
   Temat: co realnie znajduje się w wodzie z kranu (chlor, twardość,
   mikroplastik, ślady metali z instalacji) i co z tym robi filtracja RO.
   Zero zewnętrznych zasobów (brak @import, brak fontów z CDN).
   ========================================================================= */

:root {
  --accent:      #c2620d;
  --accent-dark: #9a4d09;
  --accent-soft: #fdf0e2;
  --hero-1:      #e07b1b;
  --hero-2:      #7a3d07;
}

/* --- COMPLIANCE C5 (sekcja 2.4) — czytelność oznaczenia reklamowego -------
   Powtórzone lokalnie, żeby wymóg obowiązywał także wtedy, gdyby wspólny
   styles.css został podmieniony starszą wersją.
   Minimum: etykieta 14 px desktop / 13 px mobile, zdanie min. 15 px.        */

/* --- Przypis przy liczbie (COMPLIANCE 6.3) -------------------------------
   Informacja kwalifikująca musi być w tym samym polu percepcji co liczba —
   nie w stopce, nie za linkiem, nie po rozwinięciu.                        */
.stat-note {
  max-width: 78ch;
  margin: 14px auto 0;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.6;
}

/* --- Podpis pod ilustracją schematyczną (COMPLIANCE 5.3) ----------------- */
.figure-note {
  margin-top: 10px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
}

/* --- Podpisy tabel (COMPLIANCE 5.2 i 6.2 — weryfikowalność, źródło) ------ */
.compare caption {
  caption-side: top;
  text-align: left;
  padding: 16px 18px 4px;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.55;
}

/* --- Nagłówki wierszy w tabelach ----------------------------------------- */
.compare tbody th[scope="row"] {
  text-align: left;
  font-weight: 700;
  color: var(--ink);
  background: transparent;
  vertical-align: top;
}
.compare td { vertical-align: top; }

/* --- Tabela substancji: czytelna szerokość kolumn na desktopie ----------- */
.compare table { min-width: 640px; }

/* --- Blok wydawcy w stopce (COMPLIANCE sekcja 3) ------------------------- */
.publisher { margin-top: 36px; }
.publisher h4 { color: #fff; font-size: .95rem; margin-bottom: 12px; }

/* --- Logo producenta w stopce na ciemnym tle ----------------------------- */
.site-footer .brand img.logo { height: 30px; }