/* ============================================================
   klasyk.pl — design system 2026 · PODSTRONY Z BAZY
   Regulamin, pomoc, kontakt, reklama, „O nas” i każda inna podstrona
   z tabeli subpages (szablon home::subpage; BDS etap 8, wdrożenie 6a –
   decyzja D11 b: szerokość do czytania, okruszki, tytuł, role pisma;
   bez spisu treści). Ładowany razem z content-page-2026.css, gdy
   Home\Middlewares\Subpage oznaczy odpowiedź atrybutem IS_SUBPAGE.

   Podział: łam tekstu (.art-body – akapity, śródtytuły, listy, tabele,
   odnośniki) to jedna definicja w content-page-2026.css, wspólna
   z artykułem; tu jest tylko układ strony: pole .w-read, okruszki
   z części wspólnej, tytuł w roli title i ratunek dla treści, która
   niesie własny układ w atrybutach style.
   ============================================================ */

/* ---------- Pole strony ----------
   Odstępy jak w strefie konta (.konto). Na telefonie boczny odstęp jak
   w artykule (1.75rem zamiast 1.125rem): wiszące punktory, numery list
   i strzałki odnośników łamu nie stoją przy krawędzi ekranu. Obcięcie
   w poziomie trzyma pole, nie łam – inaczej zniknęłyby znaki wiszące. */
.subpage{ padding-block:1.625rem var(--sp-8); overflow-x:clip; }
@media (max-width:699px){
  .subpage{ padding-block:.5rem var(--sp-7); padding-inline:1.75rem; }
}

/* ---------- Okruszki i łam ----------
   Okruszki, tytuł i tekst mają jedną lewą krawędź: miarę łamu
   (--art-measure) na środku pola. Treść z własnym układem na <div>
   („O nas”) zajmuje całe pole – wtedy okruszki stoją przy jego lewej
   krawędzi, nad tym układem. */
.subpage > nav.breadcrumbs{ max-width:var(--art-measure); margin:0 auto; }
.subpage:has(> .kl-subpage > div) > nav.breadcrumbs{ max-width:none; }
/* padding:0 – łam artykułu ma na telefonie wcięcie .7em z lewej; tu, jak
   w .art-page, miejsce na znaki wiszące daje szerszy odstęp pola. */
.subpage > .kl-subpage{ max-width:none; margin:var(--sp-5) 0 0; padding:0; }
.kl-subpage > :is(h1,h2,h3,h4,p,ul,ol,blockquote,table){ max-width:var(--art-measure);
  margin-left:auto; margin-right:auto; }

/* ---------- Tytuł ----------
   h1 stoi w treści z bazy (część podstron go nie ma). Rola title, zawsze
   do lewej – wyśrodkowanie wpisane w treści regulaminu nie obowiązuje. */
.kl-subpage h1{ margin-top:0; margin-bottom:var(--sp-6); font-size:var(--fs-title); line-height:var(--lh-title);
  font-weight:700; letter-spacing:-.02em; color:var(--ink); text-align:start !important; text-wrap:balance; }
.kl-subpage > :first-child{ margin-top:0; }
/* Pusty akapit z edytora nie robi dziury pod tytułem. */
.kl-subpage p:empty{ display:none; }

/* ---------- Treść z własnym układem ----------
   „O nas” składa kolumny flexem w atrybutach style (kolumna 45ch
   z flex-shrink:0 obok znaku). Kolumny mogą się zawijać, a na telefonie
   każda zajmuje cały wiersz – !important, bo styl w atrybucie wygrywa
   kaskadę. */
.kl-subpage div{ flex-wrap:wrap; min-width:0; }
.kl-subpage img{ max-width:100%; height:auto; }
@media (max-width:699px){
  .kl-subpage div{ max-width:100% !important; flex-basis:100% !important; }
}
/* Znak albo rysunek wklejony jako SVG ma kolory wpisane w plik, więc
   w schemacie ciemnym ciemna kreska znikałaby na tle strony. Staje na
   jasnej płytce – jasna wyspa jak .scheme-light, tylko bez klasy, bo
   znacznik pochodzi z bazy. W schemacie jasnym nic się nie zmienia. */
.scheme-dark .kl-subpage svg[role="img"]{ box-sizing:border-box; padding:var(--sp-5); border-radius:var(--r-card);
  color-scheme:light; background:var(--bg); }