/* Local review refinements: quiet surfaces, clear controls, compact reading. */
:root{--navy:#10233d;--ink:#10233d;--paper:#f8f9fc;--soft:#eef2fb;--cream:#faf3ea;--gold:#e6d9b9}
body{color:#10233d;background:#f8f9fc}
:focus-visible{outline:3px solid #244ea8;outline-offset:4px}
summary{cursor:pointer;line-height:1.5;min-height:44px;padding:12px 0;font-weight:750;color:#10233d}
details.depth-group{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:0 20px;margin:20px 0}
details.depth-group[open]{padding-bottom:18px}
details.depth-group>summary{padding:16px 0}
.depth-heading{font-size:1rem;margin:20px 0 10px;color:#10233d}
#paid .brief-section{padding-top:32px;padding-bottom:32px}
#paid .brief-opening{padding-top:36px;padding-bottom:36px}
#paid .blue-opening,#paid .actions-intro,#paid .final-band,#paid .connect-story{background:#edf2fc;color:#10233d}
#paid .goal-band{background:#f8eedf;color:#10233d;padding:24px 0}
#paid .blue-opening h1,#paid .blue-opening .eyebrow,#paid .blue-opening summary,
#paid .actions-intro h2,#paid .actions-intro .eyebrow,#paid .actions-intro .brief-flow>span,
#paid .actions-intro .brief-flow b,#paid .final-band h2,#paid .final-band p,#paid .final-band .eyebrow,
#paid .final-band .brief-flow>span,#paid .final-band a,#paid .connect-story h3,
#paid .connect-story p,#paid .connect-story summary,#paid .connect-story .eyebrow,
#paid .connect-story .action-tip>strong{color:#10233d}
#paid .blue-opening details.reveal{border-color:#ccd6e8}
#paid .blue-opening details.deeper{border-left-color:#ccd6e8}
#paid .story{padding-top:24px;padding-bottom:24px}
#paid .actions-intro{padding:22px;margin-bottom:12px}
#paid .info-table thead th,#paid .mobile-entry caption{background:#e8edf7;color:#10233d;border-color:#dce3eb}
#paid .brief-nav{background:#fff}
#paid .brief-nav .wrap{gap:14px;flex-wrap:wrap}
#paid .brief-nav a{padding:9px 0}
#paid [id]{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Relationships shares the same pastel/navy palette. */
body:has(#main){--ink:#10233d;--muted:#52627a;--paper:#f8f9fc;--green:#244ea8;--coral:#244ea8;--lime:#edf2fc}
body:has(#main) .head{padding-top:12px;padding-bottom:12px}
body:has(#main) main{padding-top:28px}
body:has(#main) .lead{max-width:800px}
body:has(#main) .card{background:#fff}
body:has(#main) table thead th{background:#e8edf7;color:#10233d}
body:has(#main) .eyebrow{color:#52627a}
body:has(#main) .tablewrap{max-width:100%}
#paid .eyebrow,#paid .goal-band h2,#paid .goal-band .eyebrow{color:#10233d}
#paid .detail-label{display:inline}
body:has(#main) .head:first-child nav{display:none}
body:has(#main) .bonus-nav nav a{padding:8px 10px}
@media(max-width:540px){#paid .brief-nav .wrap{gap:0 16px;padding-top:8px;padding-bottom:8px}#paid .brief-nav a{padding:7px 0}}
#paid .blue-opening details.reveal>summary,#paid .blue-opening details.deeper>summary,
#paid .connect-story details.reveal>summary,#paid .connect-story details.deeper>summary{color:#10233d}
#paid .goal-band .eyebrow{color:#10233d!important}
#paid .hint{font-size:.9rem;line-height:1.5;color:#52627a;margin:12px 0}

/* Stronger gold for the purchase button only. */
#paywall form[action="/api/create-checkout-session"] .btn.gold{background:#d5a63d}

#paywall a[href="/recover"],#paywall a[href="/recover"]:visited{color:#244ea8;text-decoration:underline}