/* Meriggiare — arkusz dla dokumentów prawnych (regulaminy, polityka prywatności).
   Dokłada się do style.css i korzysta z tych samych tokenów kolorów i fontu.
   Nie zmienia niczego na stronie głównej. */

.dok{padding-block:clamp(28px,4vw,54px) clamp(40px,5vw,72px)}
.dok-kontener{max-width:860px}

.dok-powrot{margin:0 0 22px;font-size:.875rem;font-weight:700}
.dok-powrot a{color:var(--rozowy);text-decoration:underline;text-underline-offset:4px}
.dok-powrot a:hover{color:var(--rozowy-ciemny)}

.dok h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.7rem);margin-bottom:14px}

.dok-meta{margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--linia);
  font-size:.8125rem;color:var(--szary);line-height:1.6}
.dok-meta b{color:var(--atrament);font-weight:700}

.dok-wstep{font-size:1.0625rem;line-height:1.7;color:var(--atrament);margin-bottom:30px;max-width:68ch}

/* nagłówki części regulaminu — małe, rozstrzelone, w kolorze marki */
.dok h2{font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rozowy);margin:38px 0 14px;padding-top:18px;border-top:1px solid var(--linia)}
.dok h2:first-of-type{border-top:0;padding-top:0}

/* Numerowane punkty z wiszącym numerem.
   Numer jest zapisany w treści (span.nr), a nie rysowany licznikiem CSS —
   dzięki temu nie znika przy kopiowaniu tekstu do maila, Worda czy PDF-u. */
.dok-lista{list-style:none;margin:0;padding:0}
.dok-lista>li{position:relative;padding:0 0 18px 44px;
  font-size:.9375rem;line-height:1.7;max-width:72ch}
.dok-lista>li>.nr{position:absolute;left:0;top:0;
  width:34px;text-align:right;font-weight:800;color:var(--rozowy);
  font-variant-numeric:tabular-nums}
.dok-lista>li>p{margin:0 0 .7em}
.dok-lista>li>p:last-child{margin-bottom:0}
.dok-lista b{color:var(--atrament)}

/* podpunkty a) b) c) */
.dok-podlista{list-style:lower-latin;margin:10px 0 0;padding-left:20px}
.dok-podlista li{margin-bottom:7px;line-height:1.65}

/* zwykła lista wypunktowana w treści punktu */
.dok-punkty{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.dok-punkty li{position:relative;padding-left:18px}
.dok-punkty li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--roz-pudrowy)}

/* dane kontaktowe / rachunek — blok bez tła.
   Musi być display:block: jako element liniowy tło rozpadało się na
   poszarpane prostokąty zachodzące na tekst. */
.dok-blok{display:block;margin:12px 0 0;padding:0;background:none;
  font-size:.9375rem;line-height:1.6}
.dok-blok b{display:block;color:var(--atrament)}

/* luka do uzupełnienia — ma kłuć w oczy, dopóki nie zostanie wypełniona */
.dok-luka{display:inline-block;padding:1px 9px;border-radius:5px;
  background:#fde7c8;color:#8a4b06;border:1px dashed #d08b3a;
  font-size:.8125rem;font-weight:700;letter-spacing:.01em}
.dok-alarm{margin:0 0 30px;padding:18px 20px;border-radius:14px;
  background:#fdf3e4;border:1px solid #e9c48f;border-left:4px solid #c7801f;
  font-size:.9375rem;line-height:1.65;color:#6d4209}
.dok-alarm b{display:block;margin-bottom:6px;color:#5a3607;font-size:.9375rem}
.dok-alarm ul{margin:8px 0 0;padding-left:20px;display:grid;gap:5px}

.dok a[href]{color:var(--rozowy-ciemny);text-decoration:underline;text-underline-offset:3px;
  overflow-wrap:anywhere}
.dok a[href]:hover{color:var(--rozowy)}

.dok-przypis{margin-top:34px;padding-top:20px;border-top:1px solid var(--linia);
  font-size:.8125rem;color:var(--szary);line-height:1.65;max-width:72ch}

@media (max-width:520px){
  .dok-lista>li{padding-left:32px}
  .dok-lista>li>.nr{width:24px}
}

/* --- Regulamin zajęć: dwie części w jednym dokumencie --------------------- */
.dok-spis{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.dok-spis a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  background:var(--rozowy-jasny);border:1px solid rgba(218,28,92,.18);
  font-size:.875rem;font-weight:700;color:var(--rozowy-ciemny);text-decoration:none}
.dok-spis a:hover{background:#fff;border-color:var(--rozowy);color:var(--rozowy)}

.dok h2.dok-czesc{font-size:clamp(1.2rem,1rem + .9vw,1.55rem);font-weight:800;
  letter-spacing:-.01em;text-transform:none;color:var(--atrament);
  margin:56px 0 22px;padding-top:26px;border-top:2px solid var(--rozowy);scroll-margin-top:96px}
.dok h2.dok-czesc:first-of-type{margin-top:0;padding-top:26px;border-top:2px solid var(--rozowy)}
.dok h2.dok-h2-pierwszy{border-top:0;padding-top:0;margin-top:0}
.dok .dok-spis a[href]{text-decoration:none}

/* --- Załącznik: wzór formularza odstąpienia od umowy ---------------------- */
.dok-formularz{margin:6px 0 0;padding:clamp(20px,3vw,32px);border:1px solid var(--linia);
  border-radius:16px;background:#fff;max-width:72ch}
.form-tytul{margin:0;font-size:1.0625rem;font-weight:800;color:var(--atrament);
  text-align:center;letter-spacing:-.01em}
.form-podtytul{margin:4px 0 22px;font-size:.8125rem;color:var(--szary);
  text-align:center;font-style:italic}
.form-adresat{margin:0 0 22px;padding:14px 18px;background:var(--rozowy-jasny);
  border-radius:12px;font-size:.9375rem;line-height:1.65}
.form-adresat .form-etykieta{display:block;font-size:.75rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--rozowy);margin-bottom:4px}
.form-adresat b{display:block;color:var(--atrament)}
.form-lista{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.form-lista>li{position:relative;padding-left:20px;font-size:.9375rem;line-height:1.7}
.form-lista>li::before{content:"–";position:absolute;left:0;top:0;color:var(--rozowy);font-weight:800}
.form-pole{display:block;height:1.55em;margin-top:6px;
  border-bottom:1px dotted var(--szary);opacity:.85}
.form-pole.krotkie{max-width:220px}
.form-wybor{display:block;margin-top:8px;font-size:1rem;letter-spacing:.01em}
.form-drobne{font-size:.8125rem;color:var(--szary)}
.form-gwiazdka{margin:20px 0 0;font-size:.8125rem;color:var(--szary)}
.form-wysylka{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--linia);
  font-size:.875rem;line-height:1.7;color:var(--szary)}
.form-wysylka b{color:var(--atrament)}
.dok-druk-akcja{margin:20px 0 0}
.dok-druk-akcja .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.35}

/* wydruk: zostaje sam formularz, na czystej stronie A4 */
@media print{
  .naglowek,.stopka,.do-gory,.dok-powrot,.dok-spis,.dok-alarm,.dok-druk-akcja{display:none !important}
  .dok h1,.dok-meta,.dok-wstep,.dok-lista,.dok h2,.dok-przypis{display:none !important}
  .dok h2#formularz-odstapienia{display:block !important;border:0;margin:0 0 14px;padding:0;
    font-size:15pt;color:#000}
  .dok,.dok-kontener{padding:0 !important;max-width:none !important}
  .dok-formularz{display:block !important;border:0;padding:0;max-width:none;
    font-size:11pt;color:#000}
  .dok-formularz a{color:#000;text-decoration:none}
  .form-adresat{background:none;border:1px solid #000;border-radius:0}
  .form-adresat .form-etykieta{color:#000}
  .form-lista>li::before{color:#000}
  .form-pole{border-bottom:1px solid #000;height:1.9em;opacity:1}
  @page{size:A4;margin:18mm}
}

/* ---- tabela porównawcza kursów ---- */
.dok-tabela-ramka{margin:14px 0 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--linia);border-radius:12px;background:#fff}
.dok-tabela{border-collapse:collapse;width:100%;min-width:460px;font-size:.875rem;line-height:1.5}
.dok-tabela th,.dok-tabela td{padding:10px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--linia)}
.dok-tabela thead th{font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rozowy-ciemny);border-bottom:2px solid var(--rozowy)}
.dok-tabela tbody th{font-weight:700;color:var(--atrament);width:30%}
.dok-tabela tbody tr:nth-child(even){background:var(--rozowy-jasny)}
.dok-tabela tbody tr:last-child th,.dok-tabela tbody tr:last-child td{border-bottom:0}
@media (max-width:640px){
  .dok-tabela-ramka{overflow:visible;border:0;border-radius:0;background:none}
  .dok-tabela{display:block;min-width:0;width:100%}
  .dok-tabela thead{display:none}
  .dok-tabela tbody,.dok-tabela tr{display:block}
  .dok-tabela tbody tr,.dok-tabela tbody tr:nth-child(even){background:#fff;
    border:1px solid var(--linia);border-radius:12px;margin:0 0 10px;padding:11px 15px}
  .dok-tabela th,.dok-tabela td{display:block;width:auto;padding:0;border:0}
  .dok-tabela tbody th{width:auto;font-size:.6875rem;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;color:var(--rozowy-ciemny);margin-bottom:5px}
  .dok-tabela td{padding:2px 0}
  .dok-tabela td::before{content:attr(data-kurs) ": ";font-weight:700;color:var(--atrament)}
}