/* Pension career systems: shared visual language, genuinely different decisions. */
[data-pension-page] .pension-hero{padding-bottom:62px}
[data-pension-page] .pension-hero h1{max-width:1000px;font-size:clamp(44px,5.15vw,68px);line-height:1.01}
.pension-hero .lead{max-width:880px}
.pension-signal{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start;max-width:980px;margin-top:34px;padding:22px 24px;border-left:3px solid var(--gold);background:#e9e5dc}
.pension-signal span{padding-top:3px;color:#806a40;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.pension-signal strong{font:400 18px/1.5 Georgia,serif}
.pension-section-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1.18fr);gap:52px;align-items:end;margin-bottom:32px}
.pension-section-head h2{margin-bottom:0}
.pension-section-head>p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.pension-forks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.pension-forks article{display:flex;min-height:260px;flex-direction:column;padding:27px;background:#fff;border:1px solid var(--line)}
.pension-forks article>span,.pension-brief-grid article>span{color:#806a40;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.pension-forks h3{margin:30px 0 11px;font:400 24px/1.12 Georgia,serif}
.pension-forks p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.pension-forks b{margin-top:auto;padding-top:22px;color:#806a40;font-size:10px;line-height:1.5;letter-spacing:.06em}
.pension-model-section>.pension-section-head{margin-bottom:28px}
.pension-model{gap:28px;padding:28px}
.pension-model .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.pension-model .fields input{transition:border-color .18s ease,outline-color .18s ease}
.pension-model .fields input:focus{outline:3px solid rgba(183,152,93,.18);border-color:var(--gold)}
.pension-model .readout>strong{font-size:clamp(35px,4.5vw,55px);line-height:1.02}
.pension-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
.pension-breakdown div{padding-bottom:8px}
.pension-brief-section{background:var(--navy);color:#fff}
.pension-brief-section .eyebrow{color:var(--gold2)}
.pension-brief-section .pension-section-head h2{color:#fff}
.pension-brief-section .pension-section-head>p{color:#aeb9c1}
.pension-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#344756;border:1px solid #344756}
.pension-brief-grid article{min-height:220px;padding:27px;background:#0d2232}
.pension-brief-grid article>span{color:var(--gold2)}
.pension-brief-grid h3{margin:27px 0 10px;color:#fff;font:400 23px/1.15 Georgia,serif}
.pension-brief-grid p{margin:0;color:#b8c2c9;font-size:13px;line-height:1.65}
.pension-sources{padding:30px}
.pension-sources h2{font-size:38px}
.pension-sources ul{columns:2;column-gap:45px}
.pension-sources li>span{color:var(--ink);font-weight:700}
.pension-sources a{display:inline-block;color:#6f5830;text-decoration-color:currentColor;text-underline-offset:3px;touch-action:manipulation;transition:color .18s ease,text-decoration-color .18s ease,transform .18s ease}
.pension-sources a:focus-visible{color:var(--blue);text-decoration-color:var(--blue);transform:translateY(-1px)}@media (hover:hover) and (pointer:fine){.pension-sources a:hover{color:var(--blue);text-decoration-color:var(--blue);transform:translateY(-1px)}}
.pension-sources a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.pension-source-note{max-width:820px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.65}
.pension-tools{border-bottom:0}

/* Interactive pension links stay inside the navy/gold brand system. */
@media(hover:hover){
  body .pension-tools .continue-grid>a:not(.recommended-next):hover b,
  body .pension-tools .continue-grid>a:not(.recommended-next):focus-visible b,
  body .pension-tools .continue-grid>a:not(.recommended-next):hover>span,
  body .pension-tools .continue-grid>a:not(.recommended-next):focus-visible>span{color:var(--gold2)!important}
  body .pension-tools .continue-grid>a:not(.recommended-next):focus-visible{outline:2px solid var(--gold)!important;outline-offset:4px}
}


@media(max-width:920px){
  .pension-section-head{grid-template-columns:1fr;gap:12px}
  .pension-model .fields{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  [data-pension-page] .pension-hero{padding-bottom:40px}
  [data-pension-page] .pension-hero h1{font-size:clamp(38px,10.7vw,45px);line-height:1.02}
  .pension-signal{grid-template-columns:1fr;gap:7px;margin-top:25px;padding:18px}
  .pension-section-head{margin-bottom:23px}
  .pension-section-head>p{font-size:14px}
  .pension-forks{grid-template-columns:1fr;gap:8px}
  .pension-forks article{min-height:0;padding:21px}
  .pension-forks h3{margin:19px 0 8px;font-size:22px}
  .pension-model-section{width:100%}
  .pension-model-section>.pension-section-head{width:calc(100% - 36px);margin-inline:auto}
  .pension-model{border-inline:0;padding:18px}
  .pension-model .fields{grid-template-columns:1fr}
  .pension-model .readout{padding:22px 19px}
  .pension-model .readout>strong{font-size:35px}
  .pension-breakdown{grid-template-columns:1fr 1fr}
  .pension-brief-grid{grid-template-columns:1fr}
  .pension-brief-grid article{min-height:0;padding:22px}
  .pension-brief-grid h3{margin-top:19px;font-size:22px}
  .pension-sources{padding:23px 20px}
  .pension-sources h2{font-size:31px}
  .pension-sources ul{columns:1}
}

@media(prefers-reduced-motion:reduce){
  .pension-model .fields input,.pension-sources a,.pension-tools .continue-grid>a{transition:none!important}
  @media (hover:hover) and (pointer:fine){.pension-sources a:hover,.pension-tools .continue-grid>a:hover{transform:none!important}}
}