/* Strona /rodo (informacja o danych, linia telefoniczna KaratVue).
   Własny CSS poza warstwami hx.*, więc wygrywa z hexart.css bez !important. */

/* Wyspy ciemne (pasek, nagłówek strony, stopka) na jasnej stronie do czytania.
   Pasek kryty: 78% Onyx z arkusza na jasnym tle wychodzi szary. */
.hx-navbar.hx-theme-dark {
  background-color: var(--hx-bg);
}
.kv-hero {
  padding-block: clamp(var(--hx-space-12), 6vw, var(--hx-space-24));
  background-color: var(--hx-bg);
  color: var(--hx-fg);
  border-bottom: var(--hx-border-hairline) solid var(--hx-line-accent);
}
.kv-hero .hx-lead a {
  color: var(--hx-fg);
}

.kv-doc {
  display: flex;
  flex-direction: column;
  gap: var(--hx-space-12);
  padding-block: var(--hx-space-12) var(--hx-space-24);
}
.kv-doc section {
  display: flex;
  flex-direction: column;
  gap: var(--hx-space-4);
}
/* Dokument ma jedenaście sekcji: h2 w stopniu h3, żeby tytuły nie przytłaczały tekstu. */
.kv-doc h2 {
  font-size: var(--hx-text-h3);
  line-height: var(--hx-leading-h3);
  letter-spacing: var(--hx-tracking-h3);
  font-weight: var(--hx-weight-regular);
}
.kv-doc ul {
  display: flex;
  flex-direction: column;
  gap: var(--hx-space-2);
  padding-left: 1.25rem;
}
.kv-doc li::marker {
  color: var(--hx-accent-text);
}

.kv-summary h2 {
  font-size: var(--hx-text-h4);
  line-height: var(--hx-leading-h4);
  letter-spacing: var(--hx-tracking-h4);
  font-weight: var(--hx-weight-medium);
}

/* Cel i podstawa, odbiorca i rola: złota linia włosowa po lewej. */
.kv-defs {
  display: flex;
  flex-direction: column;
  gap: var(--hx-space-6);
}
.kv-defs > div {
  padding-left: var(--hx-space-4);
  border-left: var(--hx-border-hairline) solid var(--hx-line-accent);
}
.kv-defs dt {
  font-weight: var(--hx-weight-semibold);
}
.kv-defs dd {
  margin-top: var(--hx-space-1);
  color: var(--hx-fg-muted);
}

/* Stopka rejestrowa to jedno zdanie, więc zwykły blok zamiast flexa: kod pocztowy
   może wtedy dostać hx-nowrap, bo na telefonie łamał się na łączniku („81-” / „451”). */
.hx-footer__legal {
  display: block;
}

.kv-end {
  padding-top: var(--hx-space-8);
  border-top: var(--hx-border-hairline) solid var(--hx-line);
}