/* Shared chrome for the policy pages (privacy / terms / refund / shipping).
   Reuses styles.css brand tokens; light, readable, no page-specific JS. */
.legal-topbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px var(--rail); border-bottom: 1px solid var(--glass-edge);
}
.legal-topbar .wordmark { font-size: 15px; letter-spacing: 0.14em; }
.legal-topbar a { color: var(--ink); text-decoration: none; font-size: 13px; letter-spacing: 0.06em; }
.legal-topbar a:hover { color: var(--bronze); }

.legal-main { max-width: 760px; margin: 0 auto; padding: 56px var(--rail) 100px; }
.legal-main .eyebrow { color: var(--bronze); letter-spacing: 0.16em; font-size: 12px; margin-bottom: 14px; }
.legal-main h1 { font-size: clamp(30px, 4.5vw, 44px); line-height: 1.06; margin-bottom: 10px; }
.legal-updated { color: var(--muted); font-size: 13px; margin-bottom: 40px; }
.legal-main h2 { font-size: 19px; margin: 38px 0 12px; letter-spacing: 0.01em; }
.legal-main p, .legal-main li { color: var(--ink); font-size: 15px; line-height: 1.62; }
.legal-main p { margin-bottom: 14px; }
.legal-main ul { margin: 0 0 16px 20px; display: grid; gap: 7px; }
.legal-main a { color: var(--bronze); }
.legal-main strong { font-weight: 600; }
.legal-note {
  margin-top: 44px; padding: 16px 18px; border: 1px solid var(--glass-edge);
  border-radius: 10px; background: var(--glass-bg); color: var(--muted); font-size: 13px; line-height: 1.55;
}
/* styles.css sets `nav { position: fixed }` for the homepage navbar; our
   in-page <nav> must opt out or it jumps to the top of the viewport. */
.legal-nav { position: static; margin-top: 36px; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; z-index: auto; }
.legal-nav a { color: var(--muted); }
.legal-nav a:hover { color: var(--bronze); }