.legal-main { max-width: 820px; padding: 58px 0 70px; }
.legal-main h1 { margin-bottom: 10px; font-size: clamp(34px, 5vw, 52px); }
.legal-updated { margin: 0 0 34px; color: var(--subtle); font-size: 12px; }
.legal-lede { max-width: 640px; margin: 0 0 36px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.legal-section { padding: 26px 0; border-top: 1px solid var(--line); }
.legal-section h2 { margin: 0 0 11px; font-size: 20px; }
.legal-section p, .legal-section li { color: var(--muted); font-size: 14px; line-height: 1.85; }
.legal-section p { margin: 0 0 12px; }.legal-section p:last-child { margin-bottom: 0; }
.legal-section a { color: var(--blue); text-decoration: none; }.legal-section a:hover { text-decoration: underline; }
.legal-section ul { margin: 0; padding-left: 21px; }
.privacy-settings-actions { margin-top: 17px; }
.legal-footer { padding-top: 18px; padding-bottom: 30px; }
.legal-footer a:not(.icp-link) { color: var(--subtle); text-decoration: none; }.legal-footer a:not(.icp-link):hover { color: var(--blue); }
.contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 32px; }
.contact-card { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.contact-card > svg { width: 22px; height: 22px; color: var(--blue); }.contact-card h2 { margin: 17px 0 8px; font-size: 19px; }.contact-card p { min-height: 76px; margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.7; }
@media (max-width: 620px) { .legal-main { padding: 34px 0 48px; }.contact-grid { grid-template-columns: 1fr; }.contact-card p { min-height: 0; }.legal-footer { gap: 9px 15px; } }