/* Společný vzhled textových stránek webu (ochrana osobních údajů, obchodní podmínky).
   Barvy a písmo jsou stejné jako na hlavní stránce; stránky jsou vždy světlé jako celý web. */
:root {
  --noc: #0e1a33;
  --navy: #13284f;
  --oranzova: #ff6a13;
  --oranzova-text: #b8440a;
  --podklad: #f4f6fa;
  --plocha: #ffffff;
  --plocha-tlumena: #eaeef5;
  --linka: #d5dce7;
  --text: #0e1a33;
  --tlumeny: #5b6680;
  --fokus: #2563a8;
  --display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --telo: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--podklad); color: var(--text); font-family: var(--telo); font-size: 17px; line-height: 27px; }
a { color: var(--fokus); text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--fokus); outline-offset: 2px; }

.obsah { max-width: 1160px; margin: 0 auto; padding-inline: 16px; }
.hlavicka { background: var(--plocha); border-bottom: 1px solid var(--linka); }
.hlavicka .obsah { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 12px; }
.hlavicka img { height: 44px; display: block; }
.hlavicka a.zpet { font: 600 15px/20px var(--display); color: var(--text); text-decoration: none; }
.hlavicka a.zpet:hover { text-decoration: underline; text-decoration-color: var(--oranzova); text-decoration-thickness: 2px; text-underline-offset: 6px; }

.text { max-width: 760px; margin: 0 auto; padding: 56px 16px 72px; }
.stitek { margin: 0; font: 700 13px/16px var(--display); letter-spacing: 1.2px; text-transform: uppercase; color: var(--oranzova-text); }
h1, h2 { font-family: var(--display); text-wrap: balance; }
h1 { margin: 12px 0 10px; font-size: 40px; line-height: 46px; font-weight: 800; }
h2 { margin: 44px 0 12px; font-size: 22px; line-height: 28px; font-weight: 700; }
p, ul, ol { margin: 0 0 14px; }
ul, ol { padding-left: 22px; }
li { margin-bottom: 6px; }
.tlumeny { color: var(--tlumeny); }
.perex { font-size: 19px; line-height: 29px; color: var(--tlumeny); }

.navrh { margin: 24px 0 8px; padding: 14px 18px; border-radius: 12px; border: 1.5px dashed var(--oranzova); background: rgba(255, 106, 19, 0.08); font-size: 15px; line-height: 22px; }
.doplnit { display: inline-block; padding: 0 6px; border: 1.5px dashed var(--oranzova); border-radius: 6px; color: var(--oranzova-text); font-weight: 700; background: rgba(255, 106, 19, 0.08); }

.obsah-dokumentu { margin: 28px 0 0; padding: 18px 22px; background: var(--plocha); border: 1px solid var(--linka); border-radius: 14px; }
.obsah-dokumentu ol { margin: 8px 0 0; columns: 2; column-gap: 32px; }
.obsah-dokumentu li { break-inside: avoid; }

table { width: 100%; border-collapse: collapse; margin: 0 0 16px; background: var(--plocha); border: 1px solid var(--linka); border-radius: 12px; overflow: hidden; font-size: 16px; line-height: 23px; }
th, td { text-align: left; vertical-align: top; padding: 10px 14px; border-bottom: 1px solid var(--linka); }
th { font: 700 14px/20px var(--display); background: var(--plocha-tlumena); }
tr:last-child td { border-bottom: 0; }
.tabulka { overflow-x: auto; }

.paticka { background: var(--plocha); border-top: 1px solid var(--linka); padding-block: 32px; font-size: 15px; line-height: 22px; color: var(--tlumeny); }
.paticka .obsah { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.paticka nav { display: flex; gap: 20px; flex-wrap: wrap; }

@media (max-width: 640px) {
  h1 { font-size: 30px; line-height: 36px; }
  .text { padding-top: 36px; }
  .obsah-dokumentu ol { columns: 1; }
  .hlavicka img { height: 36px; }
}