/* Final visual hierarchy, October 2026. No calculator or consent logic. */
@media screen {
  :root { --fwp-focus:#946427; }
  a,button,summary,input,select,textarea { -webkit-tap-highlight-color:transparent; }
  :is(a,button,summary,input,select,textarea):focus-visible { outline:3px solid var(--fwp-focus); outline-offset:4px; }
  .home-refresh .home-hero { grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr); gap:30px 7%; padding-top:38px; }
  .home-refresh .hero-copy { padding-block:12px; }
  .home-refresh #hero-title { font-size:clamp(2.8rem,4.4vw,4.7rem); line-height:1.06; }
  .home-refresh #hero-title em { display:block; margin-top:.13em; font-size:.86em; line-height:1.13; }
  .home-refresh .hero-lead { max-width:560px; margin:22px 0; line-height:1.7; }
  .home-refresh .hero-profile-visual { max-width:310px; justify-self:end; border-radius:16px; }
  .home-refresh .hero-profile-visual img.portrait-fresh { width:100%; height:auto; max-height:none; }
  .home-refresh .hero-profile-visual figcaption { padding:17px 22px; }
  .home-refresh .hero-profile-visual figcaption>span { font-size:.58rem; letter-spacing:.1em; }
  .home-refresh .hero-profile-visual figcaption strong { font-size:1.55rem; margin-block:5px; }
  .home-refresh .hero-profile-visual figcaption small { font-size:.7rem; line-height:1.5; }
  .home-refresh .hero-micro { font-size:.8rem; }
  .home-refresh .trust-list { margin-top:18px; }
  .hero-bottomline { padding-block:17px; }
  .home-refresh .topic-section { background:#fbfaf6; }
  .home-refresh .topic-grid { align-items:stretch; }
  .home-refresh .topic-card { display:flex; flex-direction:column; border-color:#c7d2ca; }
  .home-refresh .topic-copy { display:flex; flex:1; flex-direction:column; }
  .home-refresh .topic-copy .card-link { margin-top:auto; }
  .home-refresh .topic-copy h3 { font-size:clamp(1.4rem,2vw,1.8rem); }
  .home-refresh .topic-image { display:flex; align-items:center; background:#e6ebe5; aspect-ratio:3/2; }
  .home-refresh .topic-image img { width:100%; height:100%; object-fit:contain; }
  .home-refresh .topic-scope-note { margin-block:22px 0; }
  .conversation-invitation { display:flex; align-items:center; justify-content:space-between; gap:25px; max-width:1240px; margin:30px auto 0; padding:24px 28px; border:1px solid #b9cbbb; border-radius:12px; background:#edf3ec; }
  .conversation-invitation strong { display:block; font-size:1.1rem; line-height:1.4; }
  .conversation-invitation p { max-width:650px; margin:7px 0 0; color:#465e61; font-size:.9rem; line-height:1.65; }
  .conversation-invitation .button { flex:none; }
  .home-refresh .advice-routes { padding-block:64px; background:#edf1eb; }
  .home-refresh .advice-route { background:#fbfaf6; }
  .home-refresh .advice-route-retirement { background:#f8f3e8; }
  .home-refresh .knowledge-card .text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:10px; font-size:.86rem; }
  .home-refresh .booking-card .booking-small { font-size:.8rem; line-height:1.65; }

  /* The old header used a landscape-image crop on the new portrait. */
  .planner-page { --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --serif:"Iowan Old Style",Baskerville,Georgia,serif; background:#fbfaf6; }
  .planner-page .hero h1 { font:400 clamp(2.6rem,4vw,3.8rem)/1.08 var(--serif); letter-spacing:-.045em; }
  .planner-page .hero h1 em { color:#396e65; font-style:normal; }
  .planner-page .hero { padding-top:34px; padding-bottom:36px; }
  .planner-page .hero-photo { min-height:0; aspect-ratio:auto; border-radius:12px; background:#102f40; }
  .planner-page .hero-photo>img { position:static; width:100%; height:auto; object-fit:contain; }
  .planner-page .hero-photo::after { display:none; }
  .planner-page .hero-photo figcaption { position:static; padding:18px 22px; color:white; }
  .planner-page .hero-photo figcaption>span { font-size:.65rem; }
  .planner-page .hero-photo figcaption strong { font-size:1.3rem; margin-top:7px; }
  .planner-page .hero-photo figcaption small { margin-top:8px; font-size:.68rem; }
  .planner-page .brand-portrait img,.planner-page .consultation-portrait img { position:static; display:block; width:100%; height:100%; max-width:100%; transform:none; object-fit:cover; object-position:50% 30%; }
  .planner-header-actions { display:flex; align-items:center; gap:12px; flex-shrink:0; }
  .planner-home { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 13px; border:1px solid #b9c8bf; border-radius:8px; background:#fff; font-size:.8rem; font-weight:700; text-decoration:none; white-space:nowrap; }
  .planner-page .topbar { gap:18px; }
  .planner-page .topbar nav { gap:18px; }
  .planner-page .trust-line { font-size:.8rem; line-height:1.65; }

  /* Essential content first; optional self-assessment follows the introduction. */
  .knowledge-page .hero { min-height:0; padding-top:42px; padding-bottom:50px; gap:28px; }
  .knowledge-page .hero h1 { font-size:clamp(2.5rem,3.8vw,3.8rem); line-height:1.07; }
  .knowledge-page .hero .lead { font-size:1.02rem; line-height:1.75; }
  .knowledge-page .hero-visual { align-self:center; max-width:620px; }
  .knowledge-page .hero-visual figcaption,.knowledge-page .hero-visual .image-caption { padding:15px 18px; }
  .knowledge-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:23px; }
  .knowledge-hero-actions>a { min-height:44px; }
  .knowledge-hero-actions .hero-secondary { display:inline-flex; align-items:center; font-size:.86rem; font-weight:700; text-underline-offset:4px; }
  .hero-orientation-note { font-size:.8rem; line-height:1.6; color:#49616a; margin:14px 0 0; }
  .knowledge-page .hero-wide { grid-column:1/-1; width:100%; max-width:100%; }
  .knowledge-page .hero-wide.topic-jump-nav { grid-template-columns:repeat(4,minmax(0,1fr)); margin:4px 0 0; }
  .knowledge-page .hero-wide.topic-jump-nav a:first-child { grid-column:auto; background:white; color:var(--navy-800); }
  .knowledge-page .hero-wide.topic-jump-nav a { padding:14px; }
  .knowledge-page .hero-wide.scope-note { margin:0; font-size:.8rem; line-height:1.65; }
  .knowledge-page .hero-wide.intro-context { margin:0; border-top:1px solid #cbd6ce; padding-top:8px; }
  .knowledge-page .hero-wide.region-picker { margin:0; }
  .knowledge-page .hero .knowledge-scale { box-shadow:none; }
  .knowledge-page .hero .scroll-cue { position:static; grid-column:1/-1; margin:0; }
  .knowledge-page .section-block:not(.hero) { padding-top:72px; padding-bottom:72px; }
  .knowledge-page .intro-context>summary { cursor:pointer; min-height:44px; padding:12px 0; font-size:.87rem; font-weight:700; color:#315f58; }
  .knowledge-page .intro-context-body { padding-top:10px; }
  .knowledge-page .conversation-rail { background:#0d2935; color:#e4ecea; }
  .knowledge-page .conversation-rail h2 { color:#fff; }
  .knowledge-page .rail-eyebrow { color:#dbc79e; }
  .knowledge-page .step-link { color:#c3d1d2; }
  .knowledge-page .step-link.active { background:#25434e; color:white; border-radius:8px; }
  .knowledge-page .rail-note { color:#bfced0; }

  /* Utility controls are available without competing with the main CTA. */
  .fwp-guide-trigger { min-height:44px; bottom:68px; padding:6px 12px 6px 7px; border-color:#bbc9c0; background:#fbfaf6; color:#244b51; box-shadow:0 2px 9px #102f4014; font-size:12px; }
  .fwp-guide-icon { width:27px; height:27px; font-size:19px; background:#e7eee6; color:#315f58; }
  .fwp-consent-settings { min-height:36px; padding:7px 11px; border-color:#bbc9c0; background:#fbfaf6; color:#39545c; box-shadow:0 2px 9px #102f4010; font-size:.68rem; font-weight:650; }
  .fwp-guide-trigger:hover,.fwp-consent-settings:hover { background:#edf3ec; }

  @media(min-width:1121px) {
    .knowledge-page .hero { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); }
    .knowledge-page .hero h1 { font-size:clamp(2.4rem,3.2vw,3.6rem); }
    .knowledge-page .hero.section-block { padding-inline:clamp(28px,4vw,68px); }
  }
  @media(max-width:1120px) {
    .knowledge-page .hero { grid-template-columns:minmax(0,1fr); }
    .knowledge-page .hero-visual { max-width:560px; }
    .planner-page .topbar nav { display:none; }
  }
  @media(max-width:800px) {
    .conversation-invitation { align-items:flex-start; flex-direction:column; gap:16px; }
    .knowledge-page .hero-wide.topic-jump-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media(max-width:700px) {
    .home-refresh .home-hero { grid-template-columns:1fr; gap:25px; padding-top:30px; }
    .home-refresh #hero-title { font-size:clamp(2.5rem,10vw,3.7rem); }
    .home-refresh .hero-copy { padding:0; }
    .home-refresh .hero-lead { font-size:1rem; margin-block:19px; }
    .home-refresh .hero-actions { gap:13px 18px; }
    .home-refresh .hero-profile-visual { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; justify-self:stretch; max-width:none; }
    .home-refresh .hero-profile-visual img.portrait-fresh { width:80px; height:100px; }
    .home-refresh .hero-profile-visual figcaption { padding:12px 16px; }
    .home-refresh .hero-profile-visual figcaption strong { font-size:1.45rem; }
    .home-refresh .customer-entry { padding-block:40px; }
    .home-refresh .entry-grid>a { padding:22px; }
    .home-refresh .advice-routes { padding-block:48px; }
    .home-refresh .topic-copy { padding:24px; }
    .conversation-invitation { padding:22px; }
    .conversation-invitation .button { width:100%; }
    .knowledge-page .hero h1 { font-size:clamp(2.1rem,8.6vw,3.1rem); line-height:1.1; overflow-wrap:normal; }
    .knowledge-page .hero { padding-top:30px; padding-bottom:40px; }
    .knowledge-page .hero-visual { max-width:500px; }
    .knowledge-page .section-block:not(.hero) { padding-block:52px; }
    .knowledge-page .hero .lead { font-size:1rem; }
    .planner-page .hero h1 { font-size:clamp(2.35rem,9vw,3.15rem); }
    .planner-page .hero { padding-top:26px; padding-bottom:30px; }
    .planner-page .topbar { padding:12px 18px; min-height:72px; }
    .planner-page .topbar .header-action { display:none; }
    .planner-page .brand strong { font-size:.88rem; }
    .planner-page .brand small { font-size:.67rem; max-width:145px; }
    .planner-page .brand-portrait { width:42px; height:42px; flex-basis:42px; }
    .planner-home { padding:8px 10px; font-size:.75rem; }
  }
  @media(max-width:600px) {
    .fwp-consent-settings { left:12px; right:auto; bottom:12px; }
    .fwp-guide-trigger { right:12px; bottom:12px; width:44px; height:44px; min-height:44px; padding:0; font-size:0; }
    .fwp-guide-trigger .fwp-guide-icon { font-size:22px; width:28px; height:28px; }
  }
  @media(max-width:360px) {
    .planner-page .topbar { flex-wrap:nowrap; gap:8px; padding-inline:12px; }
    .planner-page .brand { min-width:0; gap:7px; flex:1; }
    .planner-page .brand small { max-width:110px; }
    .planner-page .brand-portrait { width:36px; height:36px; flex-basis:36px; }
  }
  @media(prefers-reduced-motion:reduce) {
    .conversation-invitation,.topic-card,.entry-grid>a { animation:none!important; transition:none!important; }
  }
}