/* =========================================================
   Friendly Smiles Dental — support pages
   Legal pages (privacy / accessibility / disclaimer) + 404.
   ========================================================= */

/* ---- Legal pages ---- */
.legal-hero { background: var(--royal); color: #fff; padding: 92px 0 64px; }
.legal-hero .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 32px; }
.legal-hero .eyebrow { color: var(--yellow); }
.legal-hero h1 { font-family: "BD Supper", "Fredoka", sans-serif; font-weight: 700; font-size: clamp(2.2rem, 5vw, 3.4rem); margin: 10px 0 14px; line-height: 1.05; }
.legal-hero p { color: rgba(255,255,255,.82); max-width: 640px; font-size: 1.05rem; line-height: 1.6; }
.legal-body { background: var(--paper); padding: 64px 0 96px; }
.legal-body .wrap { max-width: 820px; margin: 0 auto; padding: 0 32px; }
.legal-body h2 { font-family: "BD Supper", "Fredoka", sans-serif; color: var(--forest); font-size: 1.5rem; margin: 40px 0 12px; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body p { color: var(--ink); line-height: 1.75; margin: 0 0 18px; font-size: 1.02rem; text-wrap: pretty; }
.legal-body a { color: var(--accent); }
.legal-body .caps { font-size: .92rem; color: var(--ink-2); }
.legal-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 40px; font-weight: 600; color: var(--accent); text-decoration: none; }
.legal-back:hover { text-decoration: underline; }

/* ---- 404 ---- */
.nf-hero { background: var(--royal); color: #fff; min-height: 72vh; display: flex; align-items: center; text-align: center; padding: 88px 0; }
.nf-hero .wrap { max-width: 720px; margin: 0 auto; padding: 0 32px; }
.nf-code { font-family: "BD Supper", "Fredoka", sans-serif; font-weight: 700; font-size: clamp(5rem, 18vw, 11rem); line-height: .9; color: var(--yellow); margin: 0; }
.nf-hero h1 { font-family: "BD Supper", "Fredoka", sans-serif; font-weight: 700; font-size: clamp(1.8rem, 5vw, 2.8rem); margin: 18px 0 14px; }
.nf-hero p { color: rgba(255,255,255,.82); font-size: 1.1rem; line-height: 1.6; max-width: 520px; margin: 0 auto 30px; }
.nf-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }