/* Právne stránky – rovnaký svet ako landing page:
   krémové pozadie, hnedý inkoust, Inter Tight na nadpisy, Geist na text. */
:root{
  --papier:#FFF7F0; --papier-2:#FFF1EA; --biela:#FFFFFF;
  --uhol:#341717; --dym:#6E5049; --linka:#E7D6CB;
  --ember:#E94C0A; --ember-tmavy:#C63D06;
  --display:'Inter Tight',system-ui,sans-serif;
  --text:'Geist',system-ui,-apple-system,sans-serif;
  --edge:clamp(1.25rem,5vw,4rem); --ease:cubic-bezier(0.22,1,0.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--linka) var(--papier);scrollbar-width:thin}
body{margin:0;background:var(--papier);color:var(--uhol);font-family:var(--text);
  font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased}
::selection{background:var(--ember);color:#FFF7F0}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--papier)}
::-webkit-scrollbar-thumb{background:#D9C3B6;border-radius:99px;border:3px solid var(--papier)}

.rail{max-width:46rem;margin-inline:auto;padding-inline:var(--edge)}
header.top{border-bottom:1px solid var(--linka);padding-block:1.15rem;
  background:color-mix(in srgb,var(--papier) 88%,transparent);
  position:sticky;top:0;backdrop-filter:blur(14px);z-index:10}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand img{height:24px;width:auto}
main{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5rem)}

h1{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.5vw,3rem);
  letter-spacing:-0.035em;line-height:1.05;margin:0 0 .75rem;text-wrap:balance}
h2{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.7rem);
  letter-spacing:-0.03em;line-height:1.15;margin:2.75rem 0 .85rem;text-wrap:balance}
h3{font-family:var(--display);font-weight:600;font-size:1.1rem;letter-spacing:-0.02em;margin:1.75rem 0 .5rem}
p,li{color:var(--dym);max-width:68ch}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1.25rem;padding-left:1.25rem}
li{margin-bottom:.5rem}
li::marker{color:var(--ember)}
strong{color:var(--uhol);font-weight:600}
a{color:var(--ember-tmavy);text-underline-offset:.22em;
  text-decoration-color:color-mix(in srgb,var(--ember) 40%,transparent)}
a:hover{text-decoration-color:var(--ember)}
.lede{color:var(--uhol);font-size:1.0625rem}
.meta{font-size:.875rem;color:var(--dym);margin-bottom:2.5rem;padding-bottom:1.5rem;
  border-bottom:1px solid var(--linka)}

table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.9375rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--linka);vertical-align:top}
th{font-family:var(--text);font-weight:600;color:var(--uhol);white-space:nowrap}
td{color:var(--dym)}
.box{background:var(--biela);border:1px solid var(--linka);border-radius:16px;
  padding:1.35rem 1.6rem;margin:0 0 1.75rem;box-shadow:0 18px 40px -34px rgba(52,23,23,.4)}
.box p:last-child{margin-bottom:0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;
  background:var(--papier-2);padding:.15em .45em;border-radius:5px;color:var(--uhol)}

footer.bottom{border-top:1px solid var(--linka);padding-block:2rem;font-size:.875rem;color:var(--dym)}
footer.bottom a{margin-right:1.25rem;color:var(--dym);
  text-decoration-color:color-mix(in srgb,var(--uhol) 25%,transparent)}
footer.bottom a:hover{color:var(--uhol);text-decoration-color:var(--uhol)}