.legal-page section { padding-top: 54px; }
.legal-body { max-width: 820px; margin: 0 auto; }
.legal-intro { text-align: left; margin-bottom: 22px; }
.legal-intro p { margin-top: 10px; }
.legal-card { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: clamp(22px, 4vw, 38px); }
.legal-card h2 { font-size: 24px; margin: 36px 0 10px; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card p, .legal-card li { color: var(--text-2); line-height: 1.72; }
.legal-card ul, .legal-card ol { padding-left: 22px; }
.legal-card li { margin-bottom: 8px; }
.legal-card strong { color: var(--text); }
.legal-alert { padding: 16px 18px; margin-bottom: 24px; border: 1px solid rgba(255,159,10,.45); border-radius: var(--r-md); background: rgba(255,159,10,.09); color: var(--text-2); }
.legal-alert strong { color: var(--accent-2); }
.legal-links { display: flex; flex-wrap: wrap; gap: 12px 22px; }
.legal-links a { color: var(--text-2); }
.cookie-notice { position: fixed; z-index: 350; left: 16px; right: 16px; bottom: 16px; max-width: 760px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; background: rgba(28,28,32,.97); border: 1px solid var(--hairline-strong); border-radius: var(--r-md); box-shadow: var(--shadow-2); }
.cookie-notice p { margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.5; }
.cookie-notice a { color: var(--accent-2); text-decoration: underline; }
.cookie-notice .btn { flex: 0 0 auto; }
@media (max-width: 620px) { .cookie-notice { align-items: stretch; flex-direction: column; } .cookie-notice .btn { width: 100%; } }