/*
Theme Name: Avalon Mortgage Group
Theme URI: https://avalonmortgagegroup.com/
Author: Avalon Mortgage Group
Description: Custom theme for Avalon Mortgage Group. Warm cream and ink palette, Newsreader and Work Sans.
Version: 1.8.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: avalon
*/

:root{
  --ink:#211B16; --cream:#F4ECE1; --sand:#EBE0D1; --paper:#FBF7F1;
  --gold:#7A5A28; --gold-soft:#B79A6B; --gold-on-ink:#D2B784;
  --muted:#574D44; --muted-on-ink:#CFC4B6; --faint-on-ink:#A99C8C;
  --line:#DDD0BE; --line2:#C9B89F; --photo:#D8C9B3;
  --serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --gutter:clamp(20px, 6.6vw, 96px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink)}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:100;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:6px}
p{margin:0}

/* Layout */
.wrap{width:100%;max-width:calc(1248px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.sec{padding:clamp(72px, 8vw, 120px) 0}
.sec--tight-top{padding-top:0}
.sec--sand{background:var(--sand)}
.sec--ink{background:var(--ink);color:var(--cream)}
.sec--ink a{color:var(--cream)}
.stack{display:flex;flex-direction:column;gap:20px}
.stack-lg{display:flex;flex-direction:column;gap:28px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(40px,5vw,64px);flex-wrap:wrap}
.g2,.g3,.g4{display:grid;gap:48px 40px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* Type */
.label{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sec--ink .label{color:var(--gold-on-ink)}
.h1,.h2,.h3,.h4{font-family:var(--serif);font-weight:400;margin:0}
.h1{font-size:clamp(46px,5.9vw,84px);line-height:1.02;letter-spacing:-.02em}
.h2{font-size:clamp(36px,3.8vw,54px);line-height:1.08;letter-spacing:-.01em}
.h2--xl{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.02em}
.h3{font-size:clamp(26px,2.4vw,34px);line-height:1.2}
.h4{font-size:26px;line-height:1.25}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--muted);max-width:580px}
.body{font-size:17px;color:var(--muted)}
.muted{color:var(--muted)}
.sec--ink .muted{color:var(--muted-on-ink)}
.statement{font-family:var(--serif);font-size:clamp(30px,3.1vw,44px);line-height:1.22;max-width:860px;margin:0}
.link{font-size:15px;font-weight:500}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ink);color:var(--cream);text-decoration:none;font-weight:500;font-size:16px;border:1px solid var(--ink);transition:background .15s,color .15s}
.btn:hover{background:#3a3129;color:var(--cream)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--cream)}
.btn--light{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn--light:hover{background:#fff;color:var(--ink)}
.btn--sm{min-height:44px;padding:0 22px;font-size:14px}
.btns{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand:hover{color:inherit}
.brand svg{flex-shrink:0}
.brand__logo{height:56px;width:auto;display:block}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--serif);font-size:26px;letter-spacing:.06em}
.brand__sub{font-size:9px;font-weight:600;letter-spacing:.22em;margin-top:4px}
.brand-wrap{display:flex;align-items:center;gap:20px}
.powered{display:flex;flex-direction:column;border-left:1px solid var(--line2);padding-left:20px;font-size:12px;line-height:1.45;color:var(--muted);white-space:nowrap}
@media (max-width:640px){.brand__logo{height:48px}.site-header .wrap{padding-top:14px;padding-bottom:14px}.brand-wrap{flex-direction:column;align-items:flex-start;gap:8px}.powered{border:0;padding:0;font-size:11px;line-height:1.35}}
.nav{display:flex;align-items:center;gap:24px;font-size:15px;white-space:nowrap}
.nav a:not(.btn){text-decoration:none}
.nav a[aria-current="page"]{font-weight:600}
.menu-toggle{display:none}
@media (max-width:1400px){
  .nav{display:none}
  .menu-toggle{display:block;position:relative}
  .menu-toggle summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border:1px solid var(--ink);border-radius:999px;font-weight:500}
  .menu-toggle summary::-webkit-details-marker{display:none}
  .mobile-nav{position:absolute;right:0;top:calc(100% + 12px);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 20px 20px;display:flex;flex-direction:column;min-width:250px;box-shadow:0 18px 40px rgba(33,27,22,.12)}
  .mobile-nav a:not(.btn){text-decoration:none;padding:10px 4px;font-size:16px;border-bottom:1px solid var(--line)}
  .mobile-nav .btn{margin-top:16px;justify-content:center}
}

/* Hero */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,5.5vw,80px);align-items:center;padding:clamp(56px,6.6vw,96px) 0 clamp(72px,8vw,120px)}
.hero__photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.photo-grid{display:flex;flex-direction:column;gap:12px}
.photo-grid__row{display:flex;gap:12px}
.photo-grid__item{margin:0;position:relative;flex:var(--ar) 1 0;min-width:0}
.photo-grid__item img{width:100%;height:auto;object-fit:cover;border-radius:6px}
.photo-grid__item figcaption{position:absolute;left:10px;bottom:10px;background:rgba(251,247,241,.92);color:var(--ink);font-size:13px;font-weight:500;line-height:1;padding:7px 12px;border-radius:999px}
.photo-fallback{background:var(--photo);display:flex;align-items:center;justify-content:center;color:#BBA98E}
.stats{display:flex;gap:40px;padding-top:28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);flex-wrap:wrap}
.stats strong{display:block;font-family:var(--serif);font-weight:400;font-size:30px;color:var(--ink);line-height:1.1}
.stats a{color:var(--muted)}
@media (max-width:900px){.hero{grid-template-columns:1fr}}

/* Band */
.band{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;flex-wrap:wrap}

/* Paths & items */
.path{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ink);padding-top:20px}
.path__top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.path .h3{margin-top:8px}
.item{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line2);padding-top:20px}
.sec--ink .item{border-color:#4A4037}
.item__num{font-size:12px;letter-spacing:.18em;color:var(--gold)}
.split{display:grid;grid-template-columns:1.1fr 2fr;gap:clamp(48px,6.6vw,96px)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,6.6vw,96px);align-items:center}
@media (max-width:900px){.split,.duo{grid-template-columns:1fr}}
.portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.portraits img{width:100%;height:clamp(300px,36vw,520px);object-fit:cover;object-position:top;border-radius:6px}
.portraits img:first-child{margin-top:40px}
.step__n{font-family:var(--serif);font-size:72px;line-height:1;color:var(--gold-soft)}
.step h3{margin:12px 0 8px;font-size:20px;font-weight:600}
.quote{margin:0;padding:36px;background:var(--paper);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.quote blockquote{margin:0;font-family:var(--serif);font-size:22px;line-height:1.4}
.quote figcaption{font-size:14px;color:var(--muted)}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;gap:16px}
.panel__foot{font-size:15px;font-weight:500;padding-top:12px;border-top:1px solid var(--line)}
.tile{padding:32px;background:var(--sand);border-radius:6px;color:var(--muted)}
.tile strong{display:block;font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.1;color:var(--ink)}
.wide-photo{width:100%;height:clamp(280px,36vw,520px);object-fit:cover;border-radius:6px}

/* Team */
.person{display:flex;flex-direction:column;gap:12px}
.person img{width:100%;height:clamp(360px,31vw,440px);object-fit:cover;object-position:top;border-radius:6px;margin-bottom:8px}
.person__meta{font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}

/* CTA */
.cta{border-top:1px solid var(--line)}
.cta .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap}
.cta__side{display:flex;flex-direction:column;gap:16px;padding-top:40px}
.cta__side a:not(.btn){text-decoration:none;font-size:15px}

/* Contact */
.contact{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(40px,5vw,72px);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,3.4vw,48px)}
.form-card iframe{width:100%;border:0}
.aside{display:flex;flex-direction:column;gap:36px}
.aside__big{font-family:var(--serif);font-size:34px;text-decoration:none}
.apply-card{padding:32px;background:var(--ink);color:var(--cream);border-radius:8px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.apply-card p{color:var(--muted-on-ink);font-size:15px}

/* Generic pages, blog */
.page-head{padding:clamp(56px,6.6vw,96px) 0 clamp(32px,4vw,56px)}
.content{padding-bottom:clamp(72px,8vw,120px)}
.entry{max-width:760px;font-size:18px;line-height:1.75;color:#3d352e}
.entry h2,.entry h3{font-family:var(--serif);font-weight:400;color:var(--ink);line-height:1.2;margin:1.6em 0 .5em}
.entry h2{font-size:34px}
.entry h3{font-size:26px}
.entry p,.entry ul,.entry ol{margin:0 0 1.2em}
.entry img{border-radius:6px}
.entry--wide{max-width:none}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
@media (max-width:1024px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--ink);padding-top:20px}
.post-card a{text-decoration:none}
.post-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.post-date{font-size:13px;color:var(--muted)}
.pagination{margin-top:56px;display:flex;gap:16px;flex-wrap:wrap}

/* Footer */
.site-footer{background:var(--ink);color:var(--muted-on-ink);padding:80px 0 40px;font-size:14px}
.site-footer a{color:var(--cream);text-decoration:none}
.site-footer a:hover{color:var(--gold-on-ink)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}
.foot-col{display:flex;flex-direction:column;gap:10px}
.foot-col__h{font-size:11px;letter-spacing:.2em;color:var(--faint-on-ink);text-transform:uppercase}
.social{display:flex;gap:16px;margin-top:6px}
.legal{display:flex;gap:32px;align-items:flex-start;padding-top:32px;margin-top:48px;border-top:1px solid #3A322B}
@media (max-width:720px){.legal{flex-direction:column;gap:16px}}
.eho{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--cream);font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.08em}
.legal p{font-size:12.5px;line-height:1.7}
.legal p a{text-decoration:underline}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--faint-on-ink);margin-top:40px}
.foot-bottom span{display:flex;gap:24px;flex-wrap:wrap}
.foot-bottom a{color:var(--muted-on-ink)}

/* Funnel */
.funnel-h1{font-size:clamp(40px,5vw,72px)}
.funnel-maya{display:flex;gap:18px;align-items:center;padding-top:24px;border-top:1px solid var(--line)}
.funnel-maya img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.funnel-maya strong{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2}
.funnel-maya span{font-size:14px;color:var(--muted)}
.funnel-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,3.4vw,44px);display:flex;flex-direction:column;gap:22px;min-height:520px}
@media (max-width:900px){.funnel-hero .funnel-card{order:-1}.funnel-intro .stats{display:none}}
.funnel__progress{display:flex;flex-direction:column;gap:10px}
.funnel__top{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}
.funnel__back{min-height:44px;padding:0 4px;background:none;border:0;font:inherit;font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;cursor:pointer}
.funnel__bar{height:4px;background:#E4D8C7;border-radius:999px;overflow:hidden}
.funnel__fill{height:100%;background:var(--gold);border-radius:999px;transition:width .25s ease}
@media (prefers-reduced-motion:reduce){.funnel__fill{transition:none}}
.funnel__q{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,34px);line-height:1.15;margin:0;color:var(--ink)}
.funnel__q:focus{outline:none}
.funnel__opts{display:flex;flex-direction:column;gap:12px}
.funnel__opt{width:100%;min-height:56px;padding:12px 20px;text-align:left;border-radius:8px;font:inherit;font-size:17px;cursor:pointer;background:#fff;color:var(--ink);border:1px solid #BFAE96;transition:border-color .15s,background .15s}
.funnel__opt:hover{border-color:var(--ink)}
.funnel__opt.is-on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.funnel__input{width:100%;min-height:52px;padding:0 16px;border:1px solid #BFAE96;border-radius:6px;background:#fff;font:inherit;font-size:17px;color:var(--ink)}
.funnel__input--sm{min-height:48px;font-size:16px}
.funnel__input[aria-invalid="true"]{border-color:#A3332D}
.funnel__err{margin:0;font-size:14px;color:#A3332D;min-height:0}
.funnel__err:empty{display:none}
.funnel__continue{align-self:flex-start;border:0;cursor:pointer;min-height:56px}
.funnel__form{display:flex;flex-direction:column;gap:18px}
.funnel__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:480px){.funnel__row{grid-template-columns:1fr}}
.funnel__field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}
.funnel__lead{font-size:15px;color:var(--muted)}
.funnel__consent{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.55}
.funnel__consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink);flex-shrink:0}
.funnel__consent a{color:var(--muted)}
.funnel__submit{border:0;cursor:pointer;justify-content:center;min-height:56px;font-size:17px}
.funnel__submit:disabled{opacity:.6;cursor:wait}
.funnel__small{font-size:13px;color:var(--muted)}
.funnel__equity{padding:20px 24px;background:var(--sand);border-radius:8px;display:flex;flex-direction:column;gap:2px}
.funnel__equity-num{font-family:var(--serif);font-size:40px;line-height:1.1}
.funnel__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.site-header .btn{white-space:nowrap}
@media (max-width:480px){.site-header .btn--ghost.btn--sm{padding:0 14px;font-size:13px}}
.reviews-widget{min-height:220px}
.rating-button{min-height:62px;margin-left:-20px}
.rating-button .ti-widget-container{margin-left:0!important;margin-right:auto!important}
.cta__side .rating-button{margin-top:4px}
.rating-button .ti-widget{text-align:left!important}

/* Mortgage calculator */
.calc{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3vw,40px);align-items:start;padding-bottom:clamp(72px,8vw,120px)}
@media (max-width:900px){.calc{grid-template-columns:1fr}}
.calc__inputs{gap:28px}
.calc__field{display:flex;flex-direction:column;gap:10px;min-width:0}
.calc__fieldset{border:0;margin:0;padding:0}
.calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.calc__label{font-weight:500;font-size:15px;padding:0}
.calc__hint{font-size:13px;color:var(--muted)}
.calc__money{display:flex;align-items:center;gap:6px;min-height:52px;padding:0 16px;border:1px solid #BFAE96;border-radius:6px;background:#fff;font-size:17px;color:var(--muted)}
.calc__money:focus-within{border-color:var(--ink);outline:2px solid var(--gold);outline-offset:2px}
.calc__money input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.calc__money--short{max-width:200px}
.calc__pair{display:grid;grid-template-columns:1fr 120px;gap:10px}
.calc input[type=range]{width:100%;accent-color:var(--ink);margin:4px 0 0}
.calc__terms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.calc__terms input{position:absolute;opacity:0;pointer-events:none}
.calc__terms span{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line2);border-radius:999px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.calc__terms input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.calc__terms input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
.calc__more{border-top:1px solid var(--line);padding-top:20px}
.calc__more summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}
.calc__more summary::after{content:'+';font-size:20px;line-height:1}
.calc__more[open] summary::after{content:'–'}
.calc__more summary::-webkit-details-marker{display:none}
.calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 12px}
@media (max-width:560px){.calc__grid{grid-template-columns:1fr}.calc__terms{grid-template-columns:repeat(2,1fr)}}
.calc__result{background:var(--ink);color:var(--cream);border-radius:8px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:24px;position:sticky;top:24px}
.calc__result .label{color:var(--gold-on-ink)}
.calc__total{font-family:var(--serif);font-size:clamp(56px,6vw,80px);line-height:1;margin-top:10px;font-variant-numeric:tabular-nums}
.calc__bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#3a3129;gap:2px}
.calc__bar span{display:block;height:100%;transition:width .25s}
.calc__legend{list-style:none;margin:0;padding:0}
.calc__legend li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(244,236,225,.14);font-size:15px;color:var(--muted-on-ink)}
.calc__legend li span{display:flex;align-items:center;gap:10px}
.calc__legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.calc__legend strong{color:var(--cream);font-weight:500;font-variant-numeric:tabular-nums}
.calc__facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.calc__facts dt{font-size:13px;color:var(--faint-on-ink)}
.calc__facts dd{margin:4px 0 0;font-family:var(--serif);font-size:26px;font-variant-numeric:tabular-nums}
.btn--ghost-light{background:transparent;color:var(--cream);border-color:rgba(244,236,225,.5)}
.btn--ghost-light:hover{background:var(--cream);color:var(--ink)}
.calc__note{font-size:12.5px;line-height:1.55;color:var(--faint-on-ink)}
@media (prefers-reduced-motion:reduce){.calc__bar span{transition:none}}

/* Menu dropdowns */
.nav-drop{position:relative}
.nav-drop__btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:8px 0;font:inherit;font-size:15px;color:var(--ink);cursor:pointer}
.nav-drop__btn svg{transition:transform .15s}
.nav-drop.is-active>.nav-drop__btn{font-weight:600}
.nav-drop__menu{position:absolute;left:-18px;top:100%;min-width:220px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(33,27,22,.12);display:none;flex-direction:column;z-index:20}
.nav-drop__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-drop:hover .nav-drop__menu,.nav-drop:focus-within .nav-drop__menu,.nav-drop.is-open .nav-drop__menu{display:flex}
.nav-drop:hover .nav-drop__btn svg,.nav-drop.is-open .nav-drop__btn svg{transform:rotate(180deg)}
.nav-drop__menu a{padding:10px 12px;border-radius:6px;text-decoration:none;font-size:15px}
.nav-drop__menu a:hover{background:var(--sand);color:var(--ink)}
.nav-drop__menu a[aria-current="page"]{font-weight:600}
.mobile-nav__h{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:16px 4px 4px}
.mobile-nav .mobile-nav__h+a,.mobile-nav .mobile-nav__h~a{padding-left:4px}

/* Loan programs page */
.prog-jump{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}
.prog-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;font-size:14px;font-weight:500;text-decoration:none}
.prog-jump a:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.prog-group{scroll-margin-top:24px}
.prog-group .head .link{white-space:nowrap}

/* Two-row menu */
.nav--rows{gap:32px}
.nav-rows{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.nav-row{display:flex;align-items:center;gap:26px}
.nav-row--main a{font-size:16px;font-weight:500}
.nav-row--sub{padding-top:10px;border-top:1px solid var(--line)}
.nav-row--sub a{font-size:14px;color:var(--muted)}
.nav-row a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.nav-row a[aria-current="page"]{color:var(--ink);font-weight:600}
.site-header .wrap:has(.nav--rows){min-height:112px}

/* Stacked header: big logo row, full menu row below */
@media (min-width:1181px){
  .site-header .wrap:has(.nav--stack){flex-wrap:wrap;justify-content:center;row-gap:0;padding-top:26px;min-height:0}
  .site-header .wrap:has(.nav--stack) .brand__logo{height:76px;width:auto}
  .site-header .wrap:has(.nav--stack) .powered{font-size:13px}
  .site-header .nav--stack{display:flex;flex-basis:100%;justify-content:center;gap:30px;margin-top:22px;padding:14px 0;border-top:1px solid var(--line)}
  .site-header .wrap:has(.nav--stack) .menu-toggle{display:none}
}
.nav--stack a:not(.btn):hover{text-decoration:underline;text-underline-offset:5px}

/* Keep the logo at its true proportions; tighten the menu on narrower desktops so everything fits */
.brand-wrap{flex-shrink:0}
.brand__logo{max-width:none;flex-shrink:0}
@media (max-width:1500px){.site-header .nav{gap:18px;font-size:14px}.site-header .nav .nav-drop__btn{font-size:14px}}

/* Learning center articles */
.post-byline{font-size:14px;color:var(--muted)}
.entry .answer{font-size:21px;line-height:1.6;color:var(--ink);border-left:3px solid var(--gold);padding-left:22px;margin-bottom:28px}
.post-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:28px 0 8px}
.entry .post-cta a.btn{text-decoration:none}
.post-quote,.post-take{margin:40px 0;padding:26px 28px;border-radius:10px}
.post-quote{background:var(--paper);border:1px solid var(--line)}
.post-take{background:var(--sand)}
.post-quote p,.post-take p{margin:8px 0 12px}
.post-take p:first-of-type{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ink)}
.post-take__by{font-size:14px;color:var(--muted);margin:0!important}
.entry table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 1.4em}
.entry th,.entry td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.entry th{font-weight:600;color:var(--ink);background:var(--paper)}
@media (max-width:640px){.entry table{display:block;overflow-x:auto;font-size:14px}}
.post-close{margin:56px 0 0;padding:36px;background:var(--ink);color:var(--cream);border-radius:12px}
.entry .post-close h2{color:var(--cream);margin-top:0}
.post-close__list{padding-left:20px;color:var(--muted-on-ink)}
.post-close .btn--ghost{color:var(--cream);border-color:var(--cream)}
.post-close .link{color:var(--gold-on-ink)}
.post-close__fine{font-size:13px;line-height:1.5;color:var(--faint-on-ink);margin:24px 0 0!important}
.post-related{margin-top:72px}
.post-related .posts{margin-top:24px}

.post-close .btn:not(.btn--ghost){background:var(--cream);color:var(--ink);border-color:var(--cream)}
.post-close .btn:not(.btn--ghost):hover{background:#fff}

.post-close__local{font-size:15px;color:var(--muted-on-ink);margin:24px 0 0!important}