/* Jogi oldalak (ÁSZF, adatvédelem, adatfeldolgozás, impresszum) – az app.css tokenjeire épül */
.legal-top{background:var(--side);color:var(--side-txt)}
.legal-top .in{max-width:860px;margin:0 auto;padding:14px max(20px,env(safe-area-inset-right,0px)) 14px max(20px,env(safe-area-inset-left,0px));display:flex;justify-content:space-between;align-items:center;gap:12px}
.legal-top a{color:inherit;text-decoration:none}
.legal-top nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.legal-top nav a{color:var(--side-dim)}
.legal-top nav a:hover,.legal-top nav a[aria-current]{color:var(--side-txt)}
.legal{max-width:860px;margin:0 auto;padding:40px max(20px,env(safe-area-inset-right,0px)) 80px max(20px,env(safe-area-inset-left,0px))}
.legal h1{font:900 clamp(32px,5vw,48px)/1 var(--f-disp);font-stretch:68%}
.legal .upd{color:var(--muted);margin-top:10px;font-size:14px}
.legal section{margin-top:30px}
.legal h2{font:850 21px/1.2 var(--f-disp);font-stretch:82%;margin-bottom:10px}
.legal p,.legal li{font-size:16px;line-height:1.7;max-width:72ch}
.legal p+p{margin-top:10px}
.legal ul{padding-left:20px;display:grid;gap:8px;margin:0}
.legal a{color:var(--green);font-weight:600}
.legal dl{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px 20px;margin:0}
.legal dt{font-weight:700}
.legal dd{margin:0;color:var(--muted);overflow-wrap:anywhere}
@media (max-width:640px){.legal dl{grid-template-columns:1fr}.legal dd{margin-bottom:8px}}
.legal-foot{border-top:1px solid var(--line);margin-top:48px;padding-top:18px;font-size:13px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.legal-foot a{color:var(--muted)}