/* responsive.css
   Reduced motion and the narrow-viewport overrides. Loaded late on purpose.
   Part of The 12-Point Retirement Checkup - Heritage Edition.
   Load order matters: see the <link> block in any page. */

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ring-fg{transition:none!important}
  .qcard.turning{opacity:1;transform:none}
  /* No scale available — the current mark gets a brass cap instead. */
  .step.now{transform:none;background:var(--brass)}
}
@media(max-width:600px){
  .qcard{padding-top:0;min-height:0}
  .backbtn{padding:14px 30px}
  .opt .dot{width:28px;height:28px;font-size:16px}
  .qcount{margin-bottom:22px}
  .steprail{gap:4px;margin-bottom:20px}
  .qinfo{font-size:15.5px;margin-bottom:26px}
  .brandbar-in{padding:11px 20px;gap:10px}
  .brand-contact{display:none}
  .brand-tag{display:none}
  .trust-photo{width:104px;height:104px}
  .trust-name{font-size:25px}
  .hero{padding:74px 0 58px}
  section{padding:64px 0}
  .advisor{padding:38px 24px}
  .so-inner{padding-left:0;padding-right:0}
  .ring-holder{width:212px;height:212px}
  .ring-num .n{font-size:66px}
  .btn{font-size:13px;padding:16px 26px}
}