/* Utility pages (about, contact, privacy, cookies, 404) — extends style.css + guide.css.
   Everything here is prefixed pg- and exists only because no style.css / guide.css
   component already covers it. Layout, heroes, sections, prose, panels, callouts,
   notices, charts and tiles are all reused as-is from the shared stylesheets. */

/* ---- prose extras: legal copy needs sub-headings, bulleted lists and inline links,
        none of which .prose styles. Always used together with .prose. ---- */
.pg-prose h3{margin:1.8em 0 .6em;font-size:1.12rem;font-weight:800;color:var(--navy);line-height:1.35}
.pg-prose ul{display:grid;gap:.55em;margin:0 0 1.05em;padding:0;list-style:none}
.pg-prose li{position:relative;padding-left:26px;font-size:1.08rem;line-height:1.7;color:var(--text)}
.pg-prose li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.pg-prose a,.pg-a{color:#1f6fb4;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pg-prose a:hover,.pg-a:hover{color:var(--navy);text-decoration-thickness:2px}

/* ---- spacing for a framed block that follows body copy ---- */
.pg-block{margin:26px 0 0}

/* ---- "last updated" stamp under a hero ---- */
.pg-stamp{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;color:var(--muted);font-size:.92rem;font-weight:600}
.pg-stamp svg{width:16px;height:16px;color:var(--teal);flex:none}

/* ---- prominent mailto block (contact page) ---- */
.pg-mail{display:flex;align-items:center;gap:16px;margin:26px 0 0;padding:20px 22px;border-radius:18px;background:#fff;border:2px solid var(--teal);box-shadow:var(--shadow);color:var(--navy);transition:transform .15s}
.pg-mail:hover{transform:translateY(-2px)}
.pg-mail__icon{width:52px;height:52px;border-radius:14px;background:var(--teal);color:#fff;display:grid;place-items:center;flex:none}
.pg-mail__icon svg{width:22px;height:22px;flex:none}
.pg-mail__text{flex:1;min-width:0}
.pg-mail__text small{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.74rem}
.pg-mail__text strong{display:block;font-size:1.25rem;line-height:1.3;word-break:break-word;text-decoration:underline;text-underline-offset:4px}