/* ==========================================================================
   HankoSign legal pages (/terms, /privacy). Loaded AFTER home.css, which
   supplies the brand tokens (:root --ink/--paper/--text/--muted/--border) and
   the shared .hs-footer / .hs-ink styles. This file adds only the top nav and
   the document prose. Content is server-rendered from the source Markdown
   (src/legal/generated.js). No JS on this page.
   ========================================================================== */

/* Top nav + footer are the shared homepage chrome (.hs-nav / .hs-nav-drawer /
   .hs-footer), styled by home.css — this file only adds the document prose. */

/* ── Document prose ──────────────────────────────────────────────────────── */
.hs-legal-doc { padding: clamp(36px, 6vw, 72px) clamp(20px, 5vw, 56px) clamp(48px, 7vw, 88px); }
.hs-legal-doc__inner {
  max-width: 760px;
  margin: 0 auto;
  color: var(--text);
  font-family: 'Public Sans', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.hs-legal-doc__inner h1 {
  font-family: 'Archivo', sans-serif;
  font-weight: 900;
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--sumi);
  margin: 0 0 8px;
}
.hs-legal-doc__inner h2 {
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: -.01em;
  color: var(--sumi);
  margin: 44px 0 12px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}
.hs-legal-doc__inner h3 {
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--sumi);
  margin: 28px 0 8px;
}
.hs-legal-doc__inner p { margin: 0 0 16px; color: #33302B; }
.hs-legal-doc__inner ul { margin: 0 0 16px; padding-left: 1.25em; }
.hs-legal-doc__inner li { margin: 0 0 10px; color: #33302B; }
.hs-legal-doc__inner strong { font-weight: 700; color: var(--sumi); }
.hs-legal-doc__inner em { font-style: italic; }
.hs-legal-doc__inner a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.hs-legal-doc__inner a:hover { text-decoration: none; }

/* The first two paragraphs after the H1 are the effective-date / version line. */
.hs-legal-doc__inner h1 + p { color: var(--muted); margin-bottom: 4px; }
.hs-legal-doc__inner h1 + p + p { color: var(--muted); margin-bottom: 28px; }

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .hs-legal-doc__inner h2 { font-size: 1.15rem; }
}