/* Theme: Dusk Gold — taken from The Life That's Aging You cover: deep dusk navy, warm sunset gold, a calm serif.
   Light and clear for midlife and older readers: bigger body text, darker "muted" text, large high-contrast buttons. */
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&family=DM+Mono:wght@500&display=swap");
:root{
  --accent:#1f3a5f; --accent-2:#162b47; --accent-glow:rgba(31,58,95,.25); --accent-soft:rgba(31,58,95,.08); --on-accent:#fff;
  --cta2:#c98a1b; --on-cta2:#1a1305; --cta2-glow:rgba(201,138,27,.3);
  --bg:#fdfaf4; --bg2:#f4ede0; --bg3:#ffffff; --line:#e3d8c4; --hero-bg:#fdfaf4; --bar-bg:#fdfaf4; --media-bg:#14233a;
  --glass:rgba(253,250,244,.95); --overlay:rgba(20,35,58,.55); --input-bg:#fff; --tint:rgba(20,35,58,.04);
  --text:#1c2533; --text-2:#2f3a4a; --muted:#4f5a68; --strong:#14233a;
  --paper:#14233a; --ink:#fdfaf4;
  --chip-on:#1f3a5f; --on-chip-on:#fff;
  --green:#2f6b3b; --red:#a32020; --gold:#c98a1b;
  --need-bg:#fbeccd; --need-text:#6b4a0a; --ph-text:#6b4a0a;
  --display:"Lora",Georgia,serif; --display-case:none; --display-weight:700; --display-track:-.005em; --display-lh:1.15;
  --body:"Source Sans 3",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,monospace;
  --radius:16px; --btn-radius:12px;
}
/* readability for older readers: no small grey text */
body{font-size:19px;line-height:1.7}
.muted,.pillars p,.cmp .cell,.micro,.fine,small{color:var(--muted)}
.pillars p,.cmp .cell{font-size:17px}
.micro,.fine{font-size:15px}
.xlist li,.clist li,.rv h4{font-size:19px}
.kick{font-size:13px;letter-spacing:.14em}
.btn{font-size:19px;font-weight:700;padding:18px 28px;min-height:56px}
a{text-underline-offset:3px}

/* visual QA round 1 (2026-11-01): nothing a buyer must read below 15px; labels at least 12px */
footer{font-size:15px}
@media (max-width:760px){footer{font-size:15px}}
.secure,.modal .fine,.micro,.fine,.up-cta .micro,.summary .muted,.mini-g p{font-size:15px;color:var(--text-2)}
.caption span{font-size:16px;letter-spacing:.08em}
.phases div{font-size:15px}
.phases b{font-size:13px;letter-spacing:.06em}
.secnav a{font-size:13px}
.kick{font-size:14px}
/* side-by-side items carry equal weight; the preferred side is marked by its tick and a light tint */
.cmp .hd.hd.us{border-color:var(--line);box-shadow:none;background:var(--accent-soft);color:var(--strong)}
.paths .card.go{border:1px solid var(--line);box-shadow:none;background:var(--accent-soft)}
/* phone top bar: brand and status stack and wrap instead of pushing the page wider than the screen */
@media (max-width:480px){
  .fbar{flex-wrap:wrap;justify-content:center;row-gap:4px;text-align:center}
  .fbar .brand,.fbar .safe{white-space:normal;min-width:0;text-align:center}
  .fbar .safe{font-size:12px}
  .phases.four{grid-template-columns:repeat(2,1fr)}
}
/* course price-box photo: keep the man's face in frame */
:root{--offer-pos:28% 30%}
/* four module cards: 2 by 2 */
@media (min-width:760px){.mod-grid:has(> .mod-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* confirm round (2026-11-01): the shared layout's own small-text rules are more specific than this theme, so these win with !important */
.micro,.micro.final,.up-cta .micro,.cta .micro,.up-card .micro,.secure,.modal .fine,.summary .muted,.mini-g p,.player .muted,.alert{font-size:16px!important;line-height:1.5!important}
.micro.final,.up-card .micro,.mini-g p{color:var(--text-2)!important}
.plabels{font-size:12px!important}
.bar .lnk{font-size:13px!important}
.fbar .safe,.fbar .brand{font-size:13px!important}
.bar .brand svg{flex:none}
@media (max-width:480px){.bar .brand{white-space:normal!important;min-width:0;line-height:1.2;font-size:12px!important;letter-spacing:.06em!important}}
.mini-g .seal{font-size:12px!important}
.phases b{font-size:13px!important}
.secnav a{font-size:13px!important}