.legal{padding:140px 24px 60px;max-width:760px;margin:0 auto}
.legal h1{font-size:1.9rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}
.legal .legal-date{color:var(--text-muted);font-size:.85rem;margin-bottom:36px}
.legal h2{font-size:1.15rem;font-weight:600;margin:32px 0 12px}
.legal p,.legal li{font-size:.92rem;color:var(--text-muted);line-height:1.75}
.legal ul{padding-left:20px;margin:10px 0}
.legal li{margin-bottom:6px}
.legal strong{color:var(--text)}
.legal .back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem;margin-bottom:28px;transition:color .2s}
.legal .back:hover{color:var(--text)}
.legal .back svg{transition:transform .2s}
.legal .back:hover svg{transform:translateX(-3px)}
.legal .accent{color:#f0a33a}
.legal .legal-footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}
.legal .legal-footer a{color:var(--text-muted);transition:color .2s}
.legal .legal-footer a:hover{color:var(--text)}
@media(max-width:768px){.legal{padding-top:100px}}