/* =====================================================================
   Dla pacjenta — komponenty sekcji /pacjent/. Kolory wyłącznie z tokenów
   core.css (działa tryb nocny); wyjątek to kolory kategorii segregacji,
   które muszą wyglądać jak na SOR, a nie jak marka.
   ===================================================================== */

/* Czytelność dla każdego: tekst do lewej, bez dzielenia wyrazów. !important, bo reguła
   artykułów w core.css (.artykul section > p:not(…)…) ma wyższą specyficzność. */
.pacjent p,.pacjent li{text-align:left!important;hyphens:none!important;-webkit-hyphens:none!important}
.pacjent .prose ul{margin:12px 0 12px 22px}
.pacjent .prose li{margin:7px 0}
.pacjent .prose h2{scroll-margin-top:90px}
.pacjent section{scroll-margin-top:90px}

/* Numer alarmowy na górze każdej strony. */
.alarm-112{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:14px 18px;border:1px solid var(--roz);border-radius:14px;background:color-mix(in srgb,var(--roz) 8%,var(--tlo));max-width:var(--miara)}
.alarm-112 p{margin:0;font-size:16px;line-height:1.55}
.alarm-numer{flex:0 0 auto;font-family:'Poppins',sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--roz);text-decoration:none;padding:10px 14px;border:2px solid var(--roz);border-radius:12px}
.alarm-numer:hover{background:var(--roz);color:var(--tlo)}

/* Spis treści strony. */
.spis{margin:26px 0 8px;padding:14px 18px;border-left:3px solid var(--linia-mocna);background:var(--pasek);border-radius:0 12px 12px 0;max-width:var(--miara)}
.spis-tytul{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--slaby);margin-bottom:6px}
.spis ol{margin-left:20px;font-size:16px}
.spis li{margin:4px 0}

/* Ramki: alarm (czerwona flaga), uwaga, informacja. */
.ramka{margin:20px 0;padding:14px 18px;border:1px solid var(--linia-mocna);border-radius:12px;background:var(--panel)}
.ramka-alarm{border-color:var(--roz);background:color-mix(in srgb,var(--roz) 7%,var(--tlo))}
.ramka-uwaga{border-color:var(--bursztyn);background:color-mix(in srgb,var(--bursztyn) 8%,var(--tlo))}
.ramka-tytul{font-weight:600;color:var(--tekst-mocny);margin:0 0 4px!important}
.ramka p{margin:6px 0!important}
.ramka ul{margin:6px 0 4px 20px!important}

/* Kroki numerowane (np. RKO). */
.kroki-pacjent{list-style:none;counter-reset:krok;margin:16px 0;padding:0}
.kroki-pacjent li{counter-increment:krok;position:relative;padding-left:46px;margin:14px 0!important;min-height:32px}
.kroki-pacjent li::before{content:counter(krok);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:50%;background:var(--turkus);color:var(--tlo);font-weight:600;font-size:14.5px;display:grid;place-items:center}

/* Tabela „problem → dokąd" i kategorie segregacji. */
.tabela-pacjent{margin:18px 0;overflow-x:auto}
table.dokad{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55}
table.dokad caption{text-align:left;font-size:14.5px;color:var(--przygaszony);padding-bottom:8px}
table.dokad th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--slaby);font-weight:400;padding:8px 12px;border-bottom:1px solid var(--linia-mocna)}
table.dokad td{padding:11px 12px;border-bottom:1px solid var(--linia);vertical-align:top}
table.dokad td:first-child{font-weight:600;color:var(--tekst-mocny)}
.kolor{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:8px;vertical-align:-2px;border:1px solid rgba(0,0,0,.15)}
.kolor-czerwony{background:#C62828}.kolor-pomaranczowy{background:#EF6C00}.kolor-zolty{background:#F9C80E}
.kolor-zielony{background:#2E7D32}.kolor-niebieski{background:#1565C0}
@media(max-width:640px){
  /* Cała tabela jako bloki i bez globalnego min-width:480px z core.css — inaczej karty
     wychodzą poza ekran telefonu. */
  table.dokad,table.dokad tbody,table.dokad caption{display:block;width:100%;min-width:0}
  table.dokad thead{display:none}
  table.dokad tr{display:block;margin:0 0 12px;padding:6px 0;border:1px solid var(--linia);border-radius:12px;background:var(--panel)}
  table.dokad td{display:block;border:0;padding:6px 14px}
  table.dokad td::before{content:attr(data-etykieta);display:block;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--slaby);font-weight:400}
}

/* Telefony. */
.numery{list-style:none;margin:14px 0!important;padding:0;display:grid;gap:10px}
.numery li{display:flex;align-items:baseline;gap:14px;margin:0!important;padding:10px 14px;border:1px solid var(--linia);border-radius:12px;background:var(--panel)}
.numery .tel{flex:0 0 auto;min-width:118px;font-family:'Poppins',sans-serif;font-weight:800;font-size:19px;text-decoration:none;white-space:nowrap}
.numery span{font-size:16px;line-height:1.5}
@media(max-width:480px){.numery li{flex-direction:column;gap:2px}}

/* Karty poradników na stronie przewodnika. */
.karty-pacjent{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:18px 0 8px;max-width:none}
.karta-pacjent{display:block;padding:18px 20px;border:1px solid var(--linia);border-radius:14px;background:var(--panel);color:var(--tekst);text-decoration:none;transition:border-color .2s,transform .2s}
.karta-pacjent:hover{border-color:var(--turkus);transform:translateY(-2px)}
.karta-pacjent b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:var(--tekst-mocny);margin-bottom:6px}
.karta-pacjent span{font-size:15.5px;line-height:1.55;color:var(--przygaszony)}

/* Ramka o autorze — przejrzystość (YMYL). */
.o-autorze{margin:30px 0 0;padding:14px 18px;border:1px solid var(--linia);border-radius:12px;background:var(--panel);max-width:var(--miara)}
.o-autorze p{margin:6px 0;font-size:15px;line-height:1.6}

/* Pytania i odpowiedzi. */
.faq details{border-bottom:1px solid var(--linia);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--tekst-mocny);line-height:1.5}
.faq summary:hover{color:var(--turkus)}
.faq details p{margin:8px 0 2px!important}

@media print{
  .naglowek,.stopka,.spis,.powiazane,.skip{display:none}
  .faq details{border:0}
  .faq details:not([open]) > *:not(summary){display:block}
}
@media(prefers-reduced-motion:reduce){.karta-pacjent{transition:none}.karta-pacjent:hover{transform:none}}