/* Spoločný štýl právnych stránok Velínu. Tokeny 1:1 z velin-design-tokens.json —
   tá istá rodina ako hlavná stránka, len bez scény: právny text má byť čitateľný,
   nie efektný. */
@font-face { font-family:'Inter'; font-style:normal; font-weight:100 700; font-display:swap;
  src:url('/assets/fonts/inter.woff2') format('woff2'); }
:root{
  --bg:#0a0d12; --bg-deep:#05080d; --card:#12171f; --card-top:#171f29;
  --border-soft:rgba(255,255,255,.05); --cyan:#00e5ff; --cyan-bright:#9ef7ff;
  --text:#ebf2f7; --text-dim:#b9c6d1; --text-muted:#8c9ead; --radius:18px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box} *{margin:0}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{font-family:var(--sans);color:var(--text-dim);line-height:1.68;font-size:16px;
  background:radial-gradient(1100px 560px at 50% -16%,rgba(0,229,255,.06),transparent 58%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg) 46%,var(--bg-deep) 100%) fixed;
  padding:0 20px 90px;-webkit-font-smoothing:antialiased}
a{color:var(--cyan-bright);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto}
.nav{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:22px 0 8px}
.nav img{width:32px;height:32px;border-radius:9px;display:block}
.nav b{font-size:16px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.nav .sp{flex:1}
.nav a.back{font-size:13.5px;text-decoration:none;color:var(--text-muted)}
.nav a.back:hover{color:var(--cyan-bright)}
h1{margin:34px 0 6px;font-size:clamp(26px,4vw,38px);line-height:1.14;letter-spacing:-.025em;
  color:var(--text);font-weight:800}
.upd{font-size:13px;color:var(--text-muted)}
h2{margin:38px 0 8px;font-size:clamp(18px,2.4vw,22px);color:var(--text);font-weight:700;
  letter-spacing:-.01em;padding-top:20px;border-top:1px solid var(--border-soft)}
h3{margin:22px 0 6px;font-size:16px;color:var(--cyan-bright);font-weight:700}
p{margin:11px 0} ul{margin:11px 0;padding-left:22px} li{margin:6px 0}
strong{color:var(--text)}
.box{margin:22px 0;padding:20px 22px;border-radius:var(--radius);
  background:linear-gradient(180deg,var(--card-top),var(--card));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 44px -28px rgba(0,0,0,.9)}
.box p:first-child{margin-top:0} .box p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px;display:block;
  overflow-x:auto}
th,td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--border-soft);
  vertical-align:top;white-space:normal}
th{color:var(--text-muted);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700}
code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,229,255,.08);
  padding:1px 6px;border-radius:5px;color:var(--cyan-bright)}
.foot{max-width:760px;margin:56px auto 0;padding-top:22px;
  border-top:1px solid var(--border-soft);font-size:12.5px;color:var(--text-muted);
  display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center}
.foot a{color:var(--text-muted);text-decoration:none}
.foot a:hover{color:var(--cyan-bright)}
.foot .sp{flex:1}