/* The plain HTML pages (FAQ, guides): Donegal palette, mirrors the landing page tokens. */
:root { --paper:#3A4049; --ink:#EDE6D6; --muted:#B8BEC5; --line:#6A7380; --stage:#434A54; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
  font:400 1.0625rem/1.6 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
a { color:var(--ink); text-underline-offset:3px; }
.wrap { max-width:720px; margin:0 auto; padding:0 clamp(1rem, 4vw, 2rem); }
header { border-bottom:1px solid var(--line); }
header .wrap { height:64px; display:flex; align-items:center; justify-content:space-between; }
.brand { font-weight:600; text-decoration:none; }
.btn { display:inline-flex; align-items:center; min-height:44px; padding:0 1.1rem; border-radius:12px;
  background:var(--ink); color:var(--paper); font-weight:600; text-decoration:none; white-space:nowrap; }
h1 { font-weight:600; font-size:clamp(2rem, 5vw, 2.75rem); line-height:1.1; letter-spacing:-0.025em;
  margin:clamp(2.5rem, 6vw, 4rem) 0 1rem; text-wrap:balance; }
.lede { color:var(--muted); margin:0 0 2.5rem; }
h2 { font-weight:600; font-size:1.375rem; letter-spacing:-0.015em; margin:3rem 0 0;
  padding-top:2rem; border-top:1px solid var(--line); }
h3 { font-weight:600; font-size:1.125rem; margin:2rem 0 0.5rem; }
p, li { color:var(--muted); }
p { margin:0 0 0.75rem; }
ul { margin:0 0 0.75rem; padding-left:1.25rem; }
strong { color:var(--ink); font-weight:600; }
.cta { margin:4rem 0; padding:2rem; border-radius:20px; background:var(--stage); text-align:center; }
.cta p { margin:0.5rem 0 1.25rem; }
footer { padding:2rem 0 3rem; font-size:0.875rem; color:var(--muted); }
footer a { color:var(--muted); margin-right:1.25rem; }
/* Guides */
.crumbs { font-size:0.875rem; color:var(--muted); margin:clamp(2rem, 5vw, 3rem) 0 0; }
.crumbs a { color:var(--muted); }
.crumbs + h1 { margin-top:0.75rem; }
ol { margin:0 0 0.75rem; padding-left:1.25rem; }
figure { margin:1.75rem 0; }
figure img { display:block; max-width:100%; height:auto; border-radius:12px; }
figure.phone img { width:min(300px, 100%); border-radius:28px; border:9px solid #2F353D; outline:1px solid var(--line); }
figcaption { font-size:0.875rem; color:var(--muted); margin-top:0.6rem; }
.guide-list { list-style:none; padding:0; }
.guide-list li { padding:1.25rem 0; border-top:1px solid var(--line); }
.guide-list a { font-weight:600; font-size:1.125rem; }
.guide-list p { margin:0.35rem 0 0; }
h2 + p, h2 + ul, h2 + ol { margin-top:1rem; }