/* Poprawki układu nad kalkulator.css i tresc-seo.css z paczki 12.10 — osobny plik,
   żeby paczka została nietknięta i dała się wymienić na nową. */

/* Desktop: sticky ma być lewy formularz z założeniami. Kolumna wyników
   (wartość, tabela, wykres) jest dłuższa i przewija się obok niego; sticky na
   niej samej nic nie dawał, bo to ona wyznacza wysokość siatki. */
@media (min-width: 1024px) {
  .kalk-grid > .kalk-form {
    position: sticky;
    top: calc(var(--top-nav-height, 90px) + 24px);
    align-self: start;
    /* Formularz IKZE/OKI bywa wyższy niż okno — wtedy przewija się w sobie,
       zamiast uciekać pod dół ekranu */
    max-height: calc(100vh - var(--top-nav-height, 90px) - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }

  .kalk-grid > .kalk-results {
    position: static;
  }
}

/* Strona bez spisu treści (kalkulator inwestycyjny nie ma artykułu z
   rozdziałami): pusta kolumna spisu spychała kartę „Masz wynik” w prawo.
   Karta wraca na środek, w szerokości samego artykułu. */
.kalk-art-layout:has(> .kalk-art-toc:empty) {
  grid-template-columns: minmax(0, 800px);
  justify-content: center;
}

.kalk-art-layout > .kalk-art-toc:empty {
  display: none;
}

/* Przełącznik w formularzu (np. Miesięcznie / Rocznie) na całą szerokość
   pola, z równymi połówkami — wcześniej kurczył się do treści i wisiał
   z lewej obok pustego miejsca. */
.kalk-form .kalk-segment {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.kalk-form .kalk-segment label {
  flex: 1;
}

.kalk-form .kalk-segment span {
  text-align: center;
}

/* Wiek „od / do”: pola o tym samym rozmiarze co pozostałe pola kalkulatora
   (np. stopa zwrotu), tylko rozstawione — lewe przy lewej krawędzi suwaka,
   prawe przy prawej, zamiast dwóch pól stłoczonych obok siebie. */
.kalk-dual-inputs .kalk-select-label {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kalk-dual-inputs .kalk-select-label:last-child {
  align-items: flex-end;
  text-align: right;
}

/* Pola wieku dziedziczą drobne pismo etykiety „Od wieku / Do wieku”, a zwykłe
   pola kalkulatora (stopa zwrotu itd.) mają pismo z .kalk-root (step-0, bo
   `.kalk-root input { font: inherit }` wygrywa ze `.kalk-input`). Tu dokładnie
   ten sam rozmiar i szerokość 8ch. */
.kalk-dual-inputs .kalk-input {
  width: 8ch;
  font-size: var(--step-0);
  font-weight: 500;
}

/* Spis treści artykułu: aktywna pozycja (ustawia ją KalkulatorInit przez
   aria-current) — jak w spisie wpisów na reszcie serwisu: akcent i grubsze pismo. */
.kalk-art-toc a {
  transition: color 180ms ease;
}

.kalk-art-toc a[aria-current="true"] {
  color: var(--art-blue);
  font-weight: 600;
}