/* =====================================================================
   STRAMA PANELS - strony formalne (polityka prywatnosci, regulamin).

   Waski lam, duzo swiatla, zero ozdobnikow. Ten sam krój i ta sama paleta
   co reszta serwisu, ale rytm dokumentu, a nie strony sprzedazowej.
   ===================================================================== */

.lg-section{padding:clamp(38px,5vw,62px) 0 0}
.lg-section + .lg-section{padding-top:clamp(30px,4vw,48px)}
.lg-section:last-child{padding-bottom:clamp(50px,7vw,90px)}

.lg-shell{max-width:820px;margin-inline:auto}

.lg-eyebrow{
  margin:0 0 10px;
  color:var(--blue,#1764c7);
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.lg-title{
  margin:0 0 18px;
  font-family:var(--sans,Roboto,Arial,sans-serif);
  font-size:clamp(23px,2.6vw,31px);font-weight:300;line-height:1.15;letter-spacing:-.035em;
  color:var(--navy,#11375f);
  padding-bottom:14px;border-bottom:1px solid #ddd7cc;
}
.lg-lede{margin:0 0 20px;font-size:16px;line-height:1.65;color:#5c5f58}

/* ---------- tekst dokumentu ---------- */
.lg-prose{font-size:15.5px;line-height:1.72;color:#3c3f3a}
.lg-prose > *:first-child{margin-top:0}
.lg-prose > *:last-child{margin-bottom:0}
.lg-prose p{margin:0 0 16px}
.lg-prose h3{
  font-family:var(--sans,Roboto,Arial,sans-serif);
  font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:1.3;
  color:var(--navy,#11375f);margin:30px 0 12px;
}
.lg-prose h4{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#6c6f68;margin:26px 0 10px;
}
.lg-prose ul,.lg-prose ol{margin:0 0 16px;padding-left:20px}
.lg-prose li{margin-bottom:8px}
.lg-prose li::marker{color:var(--blue,#1764c7)}
.lg-prose hr{border:0;border-top:1px solid #ddd7cc;margin:26px 0}
.lg-prose a{
  color:var(--navy,#11375f);font-weight:500;
  border-bottom:1px solid rgba(17,55,95,.35);padding-bottom:1px;
}
.lg-prose a:hover{color:var(--blue,#1764c7);border-bottom-color:currentColor}
.lg-prose strong{font-weight:500;color:var(--navy,#11375f)}
.lg-prose code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.9em;background:#eeeae1;padding:1px 5px;
}
/* Miejsce wymagajace decyzji wlasciciela - ma byc widoczne, nie schowane. */
.lg-prose mark{
  background:#fdf3d4;color:#5a4708;
  border-bottom:1px solid #e3c974;padding:1px 4px;
}

/* ---------- tabela ciasteczek ---------- */
.ck-przewijak{
  overflow-x:auto;
  border:1px solid #ddd7cc;
  background:#fff;
  -webkit-overflow-scrolling:touch;
}
.ck-przewijak:focus-visible{outline:2px solid var(--blue,#1764c7);outline-offset:2px}

.ck-tabela{
  width:100%;min-width:660px;
  border-collapse:collapse;
  font-size:13.5px;line-height:1.5;
}
.ck-tabela th,.ck-tabela td{
  text-align:left;vertical-align:top;
  padding:12px 14px;
  border-bottom:1px solid #e7e2d8;
}
.ck-tabela thead th{
  background:#f4f2ec;
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--navy,#11375f);
  border-bottom:1px solid #d5cfc4;
  white-space:nowrap;
}
.ck-tabela tbody tr:last-child th,.ck-tabela tbody tr:last-child td{border-bottom:0}
.ck-tabela tbody th{font-weight:400;white-space:nowrap}
.ck-tabela tbody th code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12.5px;color:var(--navy,#11375f);
}
.ck-tabela td{color:#4d504a}
.ck-tak,.ck-nie{
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 8px;border:1px solid;white-space:nowrap;
}
.ck-tak{color:var(--navy,#11375f);border-color:#b9cbe0;background:#eef4fa}
.ck-nie{color:#7a7d75;border-color:#d9d4c9;background:#f6f4ef}

.ck-uwaga{
  margin:14px 0 0;font-size:13px;line-height:1.6;color:#6c6f68;
  padding-left:14px;border-left:2px solid #ddd7cc;
}

@media (max-width:620px){
  .lg-prose{font-size:15px}
  .ck-tabela{font-size:13px}
  .ck-tabela th,.ck-tabela td{padding:10px 12px}
}
