/* ==========================================================================
   LEGAL & SIMPLE PAGES — Privacy Policy, Terms of Use, 404
   ========================================================================== */

.legal { padding: calc(var(--nav-height) + 70px) 0 110px; }
.legal .wrap { max-width: 820px; }
.legal h1 { font-family: var(--serif); font-weight: 350; font-size: clamp(38px, 5vw, 60px); line-height: 1.05; letter-spacing: -.025em; margin: 14px 0 10px; }
.legal .updated { color: var(--muted); font-size: 14px; margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.legal h2 { font-family: var(--serif); font-weight: 400; font-size: 24px; letter-spacing: -.01em; margin: 40px 0 12px; }
.legal p, .legal li { font-size: 16.5px; color: #334255; margin-bottom: 12px; }
.legal ul { padding-left: 22px; margin-bottom: 12px; }
.legal a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }
.legal .note { background: var(--sheet); border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; font-size: 15px; }

/* 404 page */
.not-found { min-height: 100vh; display: flex; align-items: center; padding: var(--nav-height) 0 40px; }
.not-found .code { font-family: var(--serif); font-weight: 300; font-size: clamp(90px, 16vw, 200px); line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
.not-found h1 { font-family: var(--serif); font-weight: 350; font-size: clamp(30px, 4vw, 46px); margin: 10px 0 14px; }
.not-found p { color: var(--muted); margin-bottom: 30px; max-width: 460px; }