.legal-page { min-height: 100vh; }
.legal-page .logo-wrap { animation: none; }
.legal-page .header-right { gap: 1.25rem; }
.legal-home { color: var(--fg-muted); font-size: 0.8rem; transition: color 0.3s var(--ease-smooth); }
.legal-home:hover, .legal-home:focus-visible { color: var(--accent); }
.legal-main { padding: 10rem 0 6rem; }
.legal-container { max-width: 900px; }
.legal-heading { max-width: 680px; margin-bottom: 4rem; }
.legal-heading p { max-width: 560px; font-size: 1.1rem; }
.legal-card { scroll-margin-top: 6rem; padding: clamp(1.5rem, 4vw, 3.5rem); margin-bottom: 1.5rem; border: 1px solid var(--border); border-top-color: var(--border-accent); background: linear-gradient(145deg, oklch(18% 0.006 280 / .82), oklch(13% 0.004 280 / .68)); }
.legal-card h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 2rem; }
.legal-card h3 { font-family: 'Satoshi', sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .02em; margin: 2rem 0 .5rem; color: var(--fg-secondary); }
.legal-details { margin: 2rem 0; border-top: 1px solid var(--border); }
.legal-details div { display: flex; justify-content: space-between; gap: 2rem; padding: .85rem 0; border-bottom: 1px solid var(--border); }
.legal-details dt { color: var(--fg-muted); }
.legal-details dd { color: var(--accent); font-weight: 500; text-align: right; }
.legal-card p { max-width: 70ch; }
.legal-card a { color: var(--accent); text-decoration: underline; text-underline-offset: .2em; }
.legal-date { margin-top: 2.5rem; font-size: .8rem; color: var(--fg-muted); }
@media (max-width: 600px) {
  .legal-main { padding-top: 8rem; }
  .legal-page .header-right { gap: .75rem; }
  .legal-home { display: none; }
  .legal-card { padding: 1.5rem; }
  .legal-details div { display: block; }
  .legal-details dd { margin-top: .2rem; text-align: left; }
}