/* Quiet legal pages that retain the same typography and palette as the story. */
.legal-page .site-header { position: sticky; top: 0; z-index: 50; background: rgba(247,245,239,.95); border-bottom: 1px solid rgba(23,25,34,.09); backdrop-filter: blur(18px); }
.legal-page .container { width: min(100% - 64px, 1200px); margin-inline: auto; }
.legal-page .header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-page .wordmark { display: inline-flex; align-items: center; gap: 10px; color: #171922; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.legal-page .wordmark::before { content: ''; display: block; width: 34px; height: 34px; background: url('/assets/favicon.svg') center / contain no-repeat; }
.legal-page .header-cta { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 17px; border: 1px solid #c8c5bc; border-radius: 999px; color: #171922; font-size: 12px; font-weight: 700; text-decoration: none; }
.legal-page .header-cta:hover { background: #eae6dc; }
.legal-page .legal-main { min-height: 65vh; padding: 100px 0 125px; }
.legal-page .legal-prose { max-width: 760px; }
.legal-page .legal-prose h1 { margin: 0 0 16px; font-size: clamp(50px, 6vw, 76px); line-height: 1.02; letter-spacing: -.06em; }
.legal-page .legal-prose h2 { margin: 42px 0 12px; font-size: clamp(21px, 2.2vw, 27px); line-height: 1.2; letter-spacing: -.035em; }
.legal-page .legal-prose p { margin: 0 0 16px; color: #44454b; font-size: 15px; line-height: 1.85; }
.legal-page .legal-prose p strong { color: #171922; }
.legal-page .site-footer { padding: 38px 0; background: #171922; color: #ddd9d0; font-size: 12px; }
.legal-page .footer-inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; }
.legal-page .footer-wordmark { color: #fffaf1; }
.legal-page .footer-nav a, .legal-page .footer-legal a { text-underline-offset: 3px; }
.legal-page .footer-legal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
.legal-page .footer-legal p { width: 100%; margin: 0; text-align: right; font-size: 11px; }
@media (max-width: 760px) {
  .legal-page .container { width: min(100% - 40px, 600px); }
  .legal-page .header-inner { min-height: 65px; }
  .legal-page .wordmark { font-size: 10px; }
  .legal-page .wordmark::before { width: 30px; height: 30px; }
  .legal-page .legal-main { padding: 78px 0 90px; }
  .legal-page .footer-inner { flex-direction: column; }
  .legal-page .footer-legal { justify-content: flex-start; }
  .legal-page .footer-legal p { text-align: left; }
}