/* Content rules for the template pages only: the two policy pages, the Help & Updates hub and its
   articles, and the 404/500 pages. The shell they sit in — header, first-visit notice, footer,
   buttons, `.wrap`, skip link, focus ring, reduced motion — comes from `shell.css`, which the
   homepage loads too, so there is one shell instead of two (PLAN-038 A3). Bump the `?v=` in the
   `head` define whenever this file changes — see docs/gotchas.md. */
.error-page{min-height:58vh;padding:clamp(5rem,11vw,9rem) 0}
.error-inner{max-width:36rem}
.error-page h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;letter-spacing:-.045em;margin:0}
.error-page>.error-inner>p{color:var(--muted);margin:1.4rem 0 1.8rem}
.error-page .button{margin-top:.5rem}

/* Long-form prose is the one thing the marketing shell has no measure for: `.wrap` is 1320px,
   well over twice a comfortable line. What follows is a width and a vertical rhythm only — colour,
   link colour and focus ring all come from `shell.css`, so these pages stay inside the same visual
   language rather than introducing a second one. */
.policy-page{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem)}
.policy{max-width:44rem;margin-inline:auto}
.policy h1{margin:0;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.12;letter-spacing:-.035em}
.policy h2{margin:2.4rem 0 .5rem;font-size:1.1rem;letter-spacing:-.02em}
.policy h3{margin:1.4rem 0 .4rem;font-size:.98rem;letter-spacing:-.01em}
.policy p,.policy li{color:var(--muted);font-size:1rem;line-height:1.85;margin:.5rem 0}
.policy ul{margin:.5rem 0;padding-left:1.15rem}
.policy strong{color:var(--ink)}
.policy a{color:var(--blue);font-weight:700}
.microcopy,.policy .microcopy{font-size:.875rem;color:var(--muted);margin:.9rem 0 0}
/* The disclosures a reader is most likely to skim past — the query string being kept verbatim,
   and the absence of any consent control — are the two these pages most need read. */
.policy-note{margin:1.2rem 0;padding:.9rem 1.1rem;border-left:3px solid var(--blue);background:var(--soft);border-radius:0 .625rem .625rem 0}
.policy-note p{margin:0}

/* Client downloads belong to this marketing template. */
.client-heading{max-width:none;margin-bottom:32px}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.client-card{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--soft);scroll-margin-top:110px;min-width:0}.client-card h2{font-size:28px;margin-bottom:12px}.client-card p{color:var(--muted);font-size:16px}.client-card .button{margin:24px 0 16px}.client-guide{display:flex;width:fit-content;align-items:center;min-height:44px;color:var(--blue)}.client-ios{max-width:none;margin-top:32px}
@media(max-width:760px){.client-grid{grid-template-columns:1fr;gap:16px}.client-card{padding:24px}.client-card h2{font-size:24px}.client-card .button{width:100%}}