.legal-hero{background:var(--navy-deep);color:#fff;padding:82px 0 76px}
.legal-hero h1{font:500 clamp(2.8rem,5.5vw,5rem)/1.03 var(--font-display);letter-spacing:-.04em;margin:22px 0 18px}
.legal-hero h1+p{color:#c4d0dc;font-size:1.05rem;line-height:1.7;margin:0;max-width:720px}
.legal-page{background:var(--mist);padding:80px 0 100px}
.legal-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:42px;align-items:start}
.legal-layout aside{position:sticky;top:125px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:23px;box-shadow:0 12px 35px #092b4d0b}
.legal-layout aside strong{display:block;color:#9f731f;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.legal-layout aside a{display:block;color:var(--navy);font-weight:700;font-size:.88rem;padding:11px 0;border-top:1px solid var(--border)}
.legal-layout article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:52px 58px;box-shadow:0 18px 55px #092b4d0c;color:#33475b;font-size:1rem;line-height:1.78}
.legal-layout article h2,.legal-layout article h3,.legal-layout article h4{color:var(--navy);font-family:var(--font-display);line-height:1.2;margin:38px 0 14px}
.legal-layout article h3{font-size:1.65rem}.legal-layout article h3:first-child{margin-top:0}
.legal-layout article p{margin:0 0 22px}.legal-layout article ul,.legal-layout article ol{padding-left:24px;margin:0 0 24px}.legal-layout article a{color:#8b651c;text-decoration:underline;text-underline-offset:3px}
.legal-layout article table{width:100%;border-collapse:collapse;margin:25px 0;display:block;overflow-x:auto}.legal-layout article th,.legal-layout article td{border:1px solid var(--border);padding:12px;text-align:left;vertical-align:top;min-width:130px}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr}.legal-layout aside{position:static}.legal-layout article{padding:38px 30px}}
@media(max-width:540px){.legal-hero{padding:62px 0}.legal-page{padding:45px 0 70px}.legal-layout article{padding:30px 21px}.legal-layout article h3{font-size:1.4rem}}

/* Adaugat dupa captura: pe mobil, `1fr` lasa coloana sa creasca dupa continut, iar
   tabelul din politica de cookies (695px) latea tot - meniul „Document" si textul
   ieseau din ecran. `minmax(0,1fr)` tine coloana la latimea ecranului; tabelul are deja
   derulare orizontala proprie. Cuvintele foarte lungi (URL-uri) se rup in loc sa iasa. */
@media(max-width:850px){.legal-layout{grid-template-columns:minmax(0,1fr)}}
.legal-layout article{overflow-wrap:break-word}

/* Tabelul din Politica de cookies, generat din registrul de cookie-uri (src/lib/cookies.ts). */
.tabel-cookies{overflow-x:auto}.tabel-cookies table{min-width:560px}

.legal-actualizare{margin:22px 0 0;color:#9fb0c1;font-size:.82rem;font-weight:700;letter-spacing:.02em}