/* Home "Start with what brings you here": one path at a time.
   Tabs pick the path; the chosen path shows its description and links on the left and its tool on
   the right (stacked on phones). Without the script, the original three columns still show. */
.ht-tabs{position:relative;display:none;gap:4px;margin-top:40px;border-bottom:1px solid var(--rule)}
.ht-ready .ht-tabs{display:flex}
.ht-tabs button{appearance:none;background:none;border:0;padding:0 18px;min-height:56px;font:600 16px Archivo,sans-serif;color:var(--slate);cursor:pointer;white-space:nowrap}
.ht-tabs button:first-of-type{padding-left:0}
.ht-tabs button:hover{color:var(--navy)}
.ht-tabs button[aria-selected="true"]{color:var(--navy)}
.ht-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.ht-ind{position:absolute;left:0;bottom:-1px;height:3px;background:var(--gold);transition:transform .3s cubic-bezier(.2,.7,.2,1),width .3s cubic-bezier(.2,.7,.2,1)}

/* tabbed layout */
.s .router.home-router.ht-on{display:block;margin-top:0;border-top:0}
.s .router.home-router.ht-on>.rc{display:none;border:0}
.s .router.home-router.ht-on>.rc.ht-show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start;padding:40px 0 8px}
.s .home-router.ht-on .ht-left{display:flex;flex-direction:column;min-width:0}
.s .home-router.ht-on .ht-left>a.rc-main{padding:0;border:0;background:none;flex:none}
.s .home-router.ht-on .ht-left>a.rc-main:hover{background:none}
.s .home-router.ht-on .ht-left>a.rc-main h3{font-size:clamp(28px,2.6vw,36px);line-height:1.15}
.s .home-router.ht-on .ht-left>a.rc-main .p{font-size:17px;flex:none;max-width:460px}
.s .home-router.ht-on .rc>.hp-tool{margin:0}
.s .home-router.ht-on .ht-left>.home-shortcuts{margin-top:28px;border-top:1px solid var(--rule)}
.s .home-router.ht-on .ht-left>.home-shortcuts .rc-q{padding:0 0 20px}
/* "Compare loan programs" was picking up the router's card padding and borders */
.s .router a.home-program-link,.s .router a.home-program-link+div{border-left:0}
.s .router a.home-program-link{display:inline-flex;flex-direction:row;gap:8px;padding:0 0 3px;margin:18px 0 0;border:0;border-bottom:1.5px solid var(--gold);background:none;font-weight:600;align-self:flex-start;justify-self:start}
.s .router a.home-program-link:hover{background:none;border-bottom-color:var(--navy)}

@media (max-width:900px){
  .ht-tabs{margin-top:24px;gap:0}
  .ht-tabs button{flex:1;padding:0 6px;font-size:15px;min-height:52px}
  .ht-tabs button:first-of-type{padding-left:6px}
  .s .router.home-router.ht-on>.rc.ht-show{display:flex;flex-direction:column;padding:28px 0 4px}
  .s .home-router.ht-on .ht-left>a.rc-main h3{font-size:28px}
  .s .home-router.ht-on .rc>.hp-tool{margin-top:24px}
  .s .home-router.ht-on .ht-left{display:contents}
  .s .home-router.ht-on .ht-left>a.rc-main{order:1}
  .s .home-router.ht-on .ht-left>a.home-program-link{order:2}
  .s .home-router.ht-on .rc>.hp-tool{order:3}
  .s .home-router.ht-on .ht-left>.home-shortcuts{order:4;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){.ht-ind{transition:none}}