/* Právne stránky: svetlá karta s dlhým textom, rovnaký jazyk ako CTA panel */
.legal-wrap{width:100%;max-width:960px;margin:0 auto;padding:clamp(110px,14vh,150px) var(--pad) clamp(56px,9vh,110px)}
.legal{padding:clamp(28px,4.4vw,64px);border-radius:6px;color:var(--navy);
  background:linear-gradient(165deg,#F4FBFE 0%,#DDF0FA 100%);
  box-shadow:inset 0 4px 0 var(--pink),0 28px 56px -22px rgba(var(--shade),.95)}
.legal h1{font:700 clamp(34px,5vw,60px)/1 var(--disp);letter-spacing:-.02em;margin:0 0 10px;color:var(--navy);text-wrap:balance}
.legal .updated{margin:0 0 clamp(18px,2.4vw,28px);font-size:14px;color:#3a5c84}
.legal .lead{max-width:62ch;margin:0 0 clamp(26px,3vw,40px);font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#12365f}
.legal h2{margin:clamp(30px,3.4vw,44px) 0 12px;font:700 clamp(21px,2vw,27px)/1.2 var(--disp);color:var(--navy);scroll-margin-top:100px}
.legal h3{margin:22px 0 8px;font:700 17px/1.3 var(--body);color:var(--navy)}
.legal p,.legal li{max-width:70ch;font-size:16px;line-height:1.65;color:#12365f}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin:0 0 6px;padding-left:4px}
.legal li::marker{color:var(--pink)}
.legal a{color:var(--navy-lift);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.legal a:hover{color:var(--navy)}
.legal a:focus-visible{outline:2px solid var(--navy-lift);outline-offset:3px;border-radius:2px}
.legal .box{padding:16px 18px;border-radius:8px;background:rgba(var(--ink),.06);line-height:1.7}
.legal .todo{background:#FFE08A;color:#4a3400;padding:1px 5px;border-radius:3px;font-weight:600}
.legal code{font:500 14px ui-monospace,Consolas,monospace;background:rgba(var(--ink),.08);padding:2px 6px;border-radius:4px}
.tbl{margin:8px 0 14px;overflow-x:auto;border:1px solid rgba(var(--ink),.16);border-radius:8px;background:#fff}
.tbl:focus-visible{outline:2px solid var(--navy-lift);outline-offset:3px}
.tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px}
.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(var(--ink),.12);color:#12365f;line-height:1.5}
.tbl th{font-weight:700;color:var(--navy);background:rgba(var(--ink),.05)}
.tbl tr:last-child td{border-bottom:0}
@media (max-width:560px){.legal-wrap{padding-inline:12px}.legal{padding:26px 18px}}