/* Aneta Salehová — styl textových stránek (ochrana osobních údajů, 404). Samostatný malý soubor, aby se tyto stránky
   nenačítaly s celým site.css. Paleta je stejná jako v site.css (schválená „víc béžová“, 12. 10. 2026); shodu hlídá
   src/nastroje/kontrola-vzhledu.py. Změna palety = změna i v site.css a v DESIGN.md. */
:root{--bg-rgb:239,230,218;--black-rgb:62,28,35;--bg:#EFE6DA;--paper:#E3D7C5;--white:#F9F3EA;--black:#3E1C23;--ink:#251B15;--ink-2:#51443A;--muted:#66584B;--muted-d:#D6B9BD;--line:rgba(var(--black-rgb),.14);--line-d:rgba(var(--bg-rgb),.16);--pad:clamp(20px,4vw,56px);--akcent:#F2BCA9;--akcent-d:#7D2638;--font-nadpisy:'Newsreader',Georgia,serif;--nadpisy-vaha:300;--nadpisy-velikost:.98;--nadpisy-prostrkani:.45;--nadpisy-radkovani:.18;--nadpisy-mezery:0;--nadpisy-styl:normal;--nadpisy-styl-druhy:italic}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;font-family:Outfit,system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--akcent-d);color:var(--white)}

/* hlavička a patička */
.hdr{position:sticky;top:0;z-index:5;background:rgba(var(--bg-rgb),.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--line)}
.hdr-in{max-width:1320px;margin:0 auto;padding:0 var(--pad);height:76px;display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:14px}
.logo svg{width:38px;height:auto}
.hdr-odkazy{margin-left:auto;display:flex;gap:20px;font-size:15px}
.hdr-odkazy a{text-decoration:none;color:var(--ink-2)}.hdr-odkazy a:hover{color:var(--black)}
.jazyk{border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12px;letter-spacing:.12em}
.ftr{background:var(--black);color:var(--muted-d);font-size:13px;padding:28px var(--pad) 32px}
.ftr div{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* obsah */
main{flex:1 0 auto;width:100%;max-width:760px;margin:0 auto;padding:clamp(56px,8vw,112px) var(--pad) clamp(72px,9vw,128px)}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
h1{font-family:var(--font-nadpisy);font-style:var(--nadpisy-styl,normal);word-spacing:var(--nadpisy-mezery,-.08em);font-weight:var(--nadpisy-vaha,400);font-size:calc(clamp(40px,5.4vw,72px) * var(--nadpisy-velikost,.94));line-height:calc(1 + var(--nadpisy-radkovani,.07));letter-spacing:calc(-.04em * var(--nadpisy-prostrkani,.75));margin:0 0 28px}
h2{font-family:var(--font-nadpisy);font-style:var(--nadpisy-styl,normal);word-spacing:var(--nadpisy-mezery,-.08em);font-weight:var(--nadpisy-vaha,400);font-size:calc(22px * var(--nadpisy-velikost,.94));letter-spacing:calc(-.01em * var(--nadpisy-prostrkani,.75));margin:44px 0 10px}
p,li{color:var(--ink-2)}
ul{padding-left:20px}
.pozn{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:48px}
.doplnit{display:inline-block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:#FFF1BF;color:#5C4600;border-radius:999px;padding:3px 9px;margin-right:6px;vertical-align:2px}

/* tlačítka na stránce 404 */
.akce{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 0}
.tlacitko{display:inline-block;background:var(--black);color:var(--white);border:1px solid var(--black);border-radius:999px;padding:14px 26px;font-size:15px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.tlacitko:hover{background:var(--akcent-d);border-color:var(--akcent-d)}
.tlacitko-svetle{background:var(--white);color:var(--black);border-color:var(--line)}
.tlacitko-svetle:hover{background:var(--black);color:var(--white);border-color:var(--black)}

/* odkaz „Přeskočit na obsah“ — viditelný jen při ovládání klávesnicí (stejný jako v site.css) */
.skip{position:absolute;left:12px;top:-72px;z-index:100;background:var(--white);color:var(--black);padding:12px 22px;border-radius:999px;font-size:14.5px;font-weight:500;transition:top .2s}
.skip:focus{top:12px;box-shadow:0 8px 28px rgba(var(--black-rgb),.25)}   /* stín jen při zaostření — skrytý odkaz je jen 72 px nad oknem a stín by do něj prosvítal */
main:focus{outline:none}

/* viditelné zvýraznění při ovládání klávesnicí */
a:focus-visible{outline:2px solid var(--akcent-d);outline-offset:4px;border-radius:6px}
.ftr a:focus-visible{outline-color:var(--akcent)}

@media (max-width:560px){.hdr-in{height:68px}.hdr-odkazy a:not(.jazyk){display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}