/* Warstwa edycji sektora publicznego. Korzysta z tokenów i komponentów
   rankingu, ale nadaje jej spokojniejszy, instytucjonalny rytm. */
:root {
  --pub-accent: #b7ff4a;
  --pub-blue: #173f5f;
}

body { background: var(--paper); }
.ranking-shell-nav { border-bottom: 1px solid var(--ink-300); }
.ranking-shell-nav__brand-name { max-width: 27rem; }
.ranking-shell-nav__links { row-gap: var(--space-2); }
.rk-page-hero { min-height: 31rem; display: flex; flex-direction: column; justify-content: flex-end; }
.rk-page-hero .rk-h1 { max-width: 18ch; font-size: clamp(2.8rem, 7vw, 6.7rem); line-height: .92; letter-spacing: -.045em; }
.rk-page-hero .rk-lead { max-width: 50rem; margin-top: var(--space-6); }
.rk-section--dark .rk-kicker { color: var(--pub-accent); }
.rk-section--dark .rk-link { color: var(--paper); text-decoration-color: var(--pub-accent); }
.rk-section--dark .rk-link:hover { color: var(--pub-accent); }
.rk-tiles .rk-card { border-top: 3px solid var(--ink-900); }
.rk-tile__num { color: var(--pub-blue); font-variant-numeric: tabular-nums; }
.rk-prose { max-width: 48rem; }
.rk-prose--wide { max-width: 62rem; }
.rk-prose h2 { margin-top: var(--space-8); }
.rk-prose h2:first-child { margin-top: 0; }
.rk-prose p { line-height: 1.75; }
.inq-success { border-left-color: var(--pub-accent); }

@media (max-width: 900px) {
  .rk-page-hero { min-height: 25rem; }
  .ranking-shell-nav__links { font-size: .9rem; }
}

@media (max-width: 600px) {
  .rk-page-hero { min-height: auto; }
  .rk-page-hero .rk-h1 { font-size: clamp(2.5rem, 13vw, 4.2rem); }
}

@media (forced-colors: active) {
  .rk-tiles .rk-card { border: 1px solid CanvasText; }
}