/* The privacy policy, wearing the same clothes as the rest of the site.

   Everything structural — tokens, type, header, footer, buttons — comes from
   site.css. This file only does the two things a legal page needs that the
   home page has no use for: a quiet title block, and a readable prose column.

   Nothing here may move into a <style> block. The CSP has no 'unsafe-inline',
   so an inline stylesheet is dropped silently and the page renders naked; that
   is exactly how this page shipped before 2026-08-14. See decisions.md. */

/* ---------- title block ---------- */
.page-head{background:var(--ivory-lift);border-bottom:1px solid var(--hair);
  padding-block:clamp(2.75rem,5vw,4.5rem)}
.page-head h1{margin-bottom:.3em}
.dates{font-size:.88rem;line-height:1.7;color:var(--ink-soft);margin:0}

/* ---------- the policy itself ---------- */
/* site.css gives every <section> a full band of padding, which is right for the
   home page's scenes and wrong for fifteen stacked clauses. */
.policy{padding-block:clamp(2.5rem,5vw,4rem)}
.policy section{padding-block:0;margin-bottom:2.5rem}
.policy section:last-child{margin-bottom:0}
.policy h2{font-size:clamp(1.2rem,1.02rem + .62vw,1.5rem);margin-bottom:.5em}
.policy p{color:var(--ink-soft);margin-bottom:0}
.policy a{color:var(--terra-ink);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px}
.policy a:hover{color:var(--terra-deep)}

.intro{background:var(--ivory-lift);border:1px solid var(--hair);border-radius:var(--radius);
  padding:clamp(1.15rem,2.4vw,1.6rem);margin-bottom:2.75rem;box-shadow:var(--shadow-soft)}
.intro p{margin:0;color:var(--charcoal)}