/* Maryland Homebuyer Hub — approved homepage visual system */
.mhh-site-shell{--mhh-red:#c91525;--mhh-gold:#ffbd12;--mhh-ink:#111214;--mhh-muted:#666;--mhh-line:#e8e8e8;--mhh-cream:#faf9f6;color:var(--mhh-ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.4}
.mhh-site-shell,.mhh-site-shell *{box-sizing:border-box}.mhh-site-shell a{text-decoration:none;color:inherit}.mhh-site-shell button{font:inherit}.mhh-wrap{max-width:1280px;margin:auto;padding:0 32px}.mhh-top{height:94px;display:flex;align-items:center;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:99}.mhh-nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:34px}.mhh-brand{display:flex;align-items:center;flex:0 0 auto;min-width:0;line-height:0}.mhh-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}.mhh-links>li{list-style:none;position:relative;margin:0;padding:0}.mhh-links .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:10px;background:#fff;border:1px solid var(--mhh-line);box-shadow:0 12px 28px #0002}.mhh-links li:hover>.sub-menu,.mhh-links li:focus-within>.sub-menu{display:block}.mhh-links .sub-menu li{list-style:none;padding:7px 10px}.mhh-navcta,.mhh-btn{padding:14px 21px;border-radius:4px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.mhh-navcta,.mhh-red{background:var(--mhh-red);color:#fff!important}.mhh-gold{background:var(--mhh-gold);color:#111!important}.mhh-menu-toggle{display:none;font-size:28px;line-height:1;background:transparent;border:0;padding:8px;color:var(--mhh-ink);cursor:pointer}.mhh-mobile-menu{display:none;background:#fff;border-bottom:1px solid var(--mhh-line);position:absolute;left:0;right:0;top:72px;z-index:98}.mhh-mobile-list{list-style:none;padding:12px 0;margin:0}.mhh-mobile-list li{list-style:none;margin:0;border-bottom:1px solid #f0f0f0}.mhh-mobile-list a{display:block;padding:13px 0;font-weight:700}.mhh-mobile-list .sub-menu{list-style:none;margin:0;padding:0 0 6px 16px}.mhh-mobile-list .sub-menu li{border:0}.mhh-mobile-list .sub-menu a{font-weight:600;padding:9px 0}.mhh-mobile-quiz{margin:10px 0 18px;width:100%}
.mhh-hero{background:#fff;overflow:hidden}.mhh-hero-inner{min-height:535px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);position:relative}.mhh-hero-copy{padding:64px 58px 96px 0;align-self:center;position:relative;z-index:2}.mhh-hero-photo{min-height:535px;background:linear-gradient(90deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 19%),var(--mhh-hero-image) center/cover no-repeat;position:relative}.mhh-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.10) 100%)}.mhh-eyebrow{font-size:12px;font-weight:850;letter-spacing:1.5px;color:var(--mhh-red);text-transform:uppercase;margin-bottom:15px}.mhh-hero h1{font-size:57px;line-height:1.035;letter-spacing:-2.25px;margin:0 0 20px;max-width:650px;font-weight:700}.mhh-hero h1 em{font-style:normal;color:var(--mhh-red)}.mhh-hero p{font-size:17px;line-height:1.62;max-width:560px;margin:0 0 30px}.mhh-actions{display:flex;gap:14px}.mhh-pod-float{position:absolute;right:28px;bottom:30px;width:525px;background:#111;color:#fff!important;padding:21px 23px;border-radius:5px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;box-shadow:0 16px 34px #0004;z-index:3}.mhh-play{width:52px;height:52px;border-radius:50%;background:var(--mhh-red);display:grid;place-items:center;font-size:20px}.mhh-pod-float small{font-size:10px;letter-spacing:1px;font-weight:800;color:#ddd}.mhh-pod-float b{display:block;font-size:18px;line-height:1.25;margin-top:4px}.mhh-listen{color:var(--mhh-gold);font-weight:800;white-space:nowrap}
.mhh-section{padding:68px 0}.mhh-podcast-grid{display:grid;grid-template-columns:270px repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.mhh-intro h2{font-size:33px;line-height:1.1;margin:9px 0 15px;font-weight:700}.mhh-intro p{color:#555;line-height:1.55;font-size:14px}.mhh-intro .mhh-btn{margin-top:12px;padding:12px 16px}.mhh-card{border:1px solid var(--mhh-line);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #00000008;display:block}.mhh-thumb{height:155px;background-size:cover;background-position:center;position:relative}.mhh-thumb-1{background-image:var(--mhh-card-image)}.mhh-thumb-2{background-image:linear-gradient(#0001,#0002),var(--mhh-card-image);background-position:center 35%}.mhh-thumb-3{background-image:linear-gradient(90deg,#8b2d27aa,#f2b51222),var(--mhh-card-image);background-position:right}.mhh-mini{position:absolute;left:14px;bottom:12px;width:32px;height:32px;border-radius:50%;background:var(--mhh-gold);display:grid;place-items:center}.mhh-card-body{padding:18px}.mhh-tag{font-size:10px;font-weight:850;color:var(--mhh-red);letter-spacing:.7px}.mhh-card h3{font-size:18px;line-height:1.25;margin:8px 0;font-weight:700}.mhh-card p{font-size:13px;line-height:1.5;color:#555;margin:0}
.mhh-resources{border-top:1px solid var(--mhh-line);border-bottom:1px solid var(--mhh-line);background:#fff}.mhh-resource-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mhh-resource{display:flex;gap:17px;padding:30px 25px;border-right:1px solid var(--mhh-line)}.mhh-resource:last-child{border-right:0}.mhh-ico{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#f9e8ea;color:var(--mhh-red);display:grid;place-items:center;font-size:22px;font-weight:900}.mhh-resource b{display:block;margin-bottom:5px}.mhh-resource span{font-size:13px;line-height:1.4;color:#555}.mhh-seminar{background:#101113;color:#fff}.mhh-seminar-inner{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mhh-seminar-copy{display:flex;align-items:center;gap:18px}.mhh-seminar-copy .mhh-ico{background:var(--mhh-red);color:#fff}.mhh-seminar h2{font-size:22px;margin:0 0 6px;font-weight:700;color:#fff}.mhh-seminar p{margin:0;color:#ddd}.mhh-seminar .mhh-btn{padding:15px 22px}
@media(max-width:900px){
.mhh-top{height:76px}.mhh-wrap{padding:0 22px}.mhh-links,.mhh-navcta{display:none}.mhh-menu-toggle{display:block}.mhh-brand{min-width:0}.mhh-mobile-menu{top:76px}.mhh-mobile-menu.is-open{display:block}
.mhh-hero-inner{min-height:0;display:block;padding-bottom:0}.mhh-hero-copy{width:100%;padding:44px 0 34px}.mhh-eyebrow{margin-bottom:12px;font-size:12px}.mhh-hero h1{font-size:44px;line-height:1.04;letter-spacing:-1.8px;max-width:620px;margin-bottom:20px}.mhh-hero p{font-size:17px;line-height:1.62;max-width:620px;margin-bottom:30px}.mhh-actions{display:grid;gap:12px}.mhh-btn{width:100%;min-height:50px}.mhh-hero-photo{display:block;min-height:380px;margin:0 -22px;background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08)),var(--mhh-hero-image);background-position:center;background-size:cover}.mhh-pod-float{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-52px 0 32px;padding:20px 20px;grid-template-columns:48px 1fr;gap:15px;z-index:4}.mhh-play{width:48px;height:48px}.mhh-pod-float small{font-size:10px}.mhh-pod-float b{font-size:18px}.mhh-pod-float .mhh-listen{grid-column:2;margin-top:2px}
.mhh-section{padding:58px 0}.mhh-podcast-grid{grid-template-columns:1fr;gap:22px}.mhh-intro{padding-bottom:8px}.mhh-intro h2{font-size:34px;line-height:1.12;margin:9px 0 16px}.mhh-intro p{font-size:15px;line-height:1.65}.mhh-intro .mhh-btn{margin-top:15px;min-height:48px}.mhh-card{display:grid;grid-template-columns:42% 58%;min-height:205px}.mhh-thumb{height:auto;min-height:205px}.mhh-card-body{padding:21px}.mhh-card h3{font-size:19px;line-height:1.3;margin:9px 0}.mhh-card p{font-size:14px;line-height:1.55}.mhh-tag{font-size:10.5px}
.mhh-resource-grid{grid-template-columns:1fr 1fr}.mhh-resource{padding:30px 22px;border-bottom:1px solid var(--mhh-line)}.mhh-resource b{font-size:16px}.mhh-resource span{font-size:14px;line-height:1.5}.mhh-seminar-inner{padding:34px 0;display:block}.mhh-seminar-copy{margin-bottom:24px;align-items:flex-start}.mhh-seminar h2{font-size:24px;line-height:1.2}.mhh-seminar p{font-size:15px;line-height:1.55}.mhh-seminar .mhh-btn{width:100%;min-height:52px}}
@media(max-width:560px){
.mhh-wrap{padding:0 20px}.mhh-hero-copy{padding:40px 0 30px}.mhh-hero h1{font-size:40px;line-height:1.05;letter-spacing:-1.55px;margin-bottom:19px}.mhh-hero p{font-size:16.5px;line-height:1.62;margin-bottom:28px}.mhh-actions{gap:11px}.mhh-hero-photo{min-height:345px;margin:0 -20px;background-position:52% center}.mhh-pod-float{margin:-44px 0 30px;padding:19px 18px}.mhh-pod-float b{font-size:17px;line-height:1.3}.mhh-section{padding:52px 0}.mhh-intro h2{font-size:32px}.mhh-intro p{font-size:15px}.mhh-podcast-grid{gap:20px}.mhh-card{grid-template-columns:40% 60%;min-height:195px;border-radius:7px}.mhh-thumb{min-height:195px}.mhh-card-body{padding:19px 17px}.mhh-card h3{font-size:18px}.mhh-card p{font-size:13.5px}.mhh-resource-grid{grid-template-columns:1fr}.mhh-resource{border-right:0;padding:28px 4px;gap:18px}.mhh-ico{width:50px;height:50px;flex-basis:50px;font-size:23px}.mhh-seminar-inner{padding:34px 0 36px}.mhh-seminar-copy{gap:16px}.mhh-seminar h2{font-size:23px}}

/* Maryland Homebuyer Hub — Global Header, Navigation & Responsive Foundation v2.0 */
.mhh-site-shell,
.mhh-site-shell *{box-sizing:border-box}
.mhh-site-shell img{max-width:100%;height:auto}
.mhh-site-shell{max-width:100%;overflow-wrap:anywhere}
.mhh-site-shell .mhh-wrap{width:100%;max-width:1280px}
.mhh-site-shell a,.mhh-site-shell button{overflow-wrap:normal}

.mhh-shared-header.mhh-top{height:82px;min-height:82px;position:sticky;top:0;z-index:999;background:#fff}
.mhh-shared-header .mhh-nav{gap:22px;flex-wrap:nowrap}
.mhh-shared-header .mhh-brand{display:block;min-width:0;flex:0 1 225px;max-width:225px;line-height:0}
.mhh-shared-header .mhh-brand picture{display:block}
.mhh-shared-header .mhh-brand-logo{display:block;width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.mhh-shared-header .mhh-primary-nav{min-width:0;flex:1 1 auto}
.mhh-shared-header .mhh-links{display:flex;align-items:center;justify-content:center;gap:22px;margin:0;padding:0;font-size:13px;font-weight:700;white-space:nowrap}
.mhh-shared-header .mhh-links>li,.mhh-shared-header .mhh-links>li>a{white-space:nowrap}
.mhh-shared-header .mhh-navcta{flex:0 0 auto;padding:11px 15px;min-height:42px;border-radius:5px;font-size:12.5px;white-space:nowrap}
.mhh-shared-header .mhh-menu-toggle{width:44px;height:44px;padding:10px;border-radius:5px;align-items:center;justify-content:center}
.mhh-menu-icon{display:grid;gap:5px;width:24px}
.mhh-menu-icon span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease}
.mhh-shared-header.menu-open .mhh-menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mhh-shared-header.menu-open .mhh-menu-icon span:nth-child(2){opacity:0}
.mhh-shared-header.menu-open .mhh-menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mhh-shared-header a:focus-visible,.mhh-shared-header button:focus-visible{outline:3px solid var(--mhh-gold);outline-offset:3px}

@media(max-width:1120px) and (min-width:901px){
 .mhh-shared-header .mhh-nav{gap:14px}
 .mhh-shared-header .mhh-brand{flex-basis:190px;max-width:190px}
 .mhh-shared-header .mhh-links{gap:14px;font-size:12.25px}
 .mhh-shared-header .mhh-navcta{padding:10px 12px;font-size:11.75px}
}

@media(max-width:900px){
 .mhh-shared-header.mhh-top{height:68px;min-height:68px}
 .mhh-shared-header .mhh-nav{height:68px;gap:16px}
 .mhh-shared-header .mhh-brand{flex:0 1 205px;max-width:205px}
 .mhh-shared-header .mhh-brand-logo{max-height:47px}
 .mhh-shared-header .mhh-primary-nav,.mhh-shared-header .mhh-navcta{display:none!important}
 .mhh-shared-header .mhh-menu-toggle{display:inline-flex;margin-left:auto;flex:0 0 44px}
 .mhh-shared-header .mhh-mobile-menu{top:68px;position:absolute;left:0;right:0;width:100%;max-width:100vw;background:#fff;border-top:1px solid #f1f1f1;border-bottom:1px solid var(--mhh-line);box-shadow:0 14px 30px rgba(0,0,0,.10)}
 .mhh-shared-header .mhh-mobile-menu[hidden]{display:none!important}
 .mhh-shared-header .mhh-mobile-menu.is-open{display:block}
 .mhh-shared-header .mhh-mobile-list{padding:8px 0 4px;margin:0}
 .mhh-shared-header .mhh-mobile-list li{margin:0}
 .mhh-shared-header .mhh-mobile-list a{padding:12px 0;font-size:15px;line-height:1.3}
 .mhh-shared-header .mhh-mobile-quiz{width:100%;margin:10px 0 18px;min-height:46px;padding:12px 16px}
 .mhh-site-shell .mhh-wrap{padding-left:20px;padding-right:20px}
}
@media(max-width:430px){
 .mhh-shared-header .mhh-brand{flex-basis:190px;max-width:190px}
 .mhh-site-shell .mhh-wrap{padding-left:18px;padding-right:18px}
}
@media(max-width:375px){
 .mhh-shared-header .mhh-brand{flex-basis:176px;max-width:176px}
 .mhh-site-shell .mhh-wrap{padding-left:16px;padding-right:16px}
}

/* Dynamic homepage resource discovery */
.mhh-latest-resources{background:var(--mhh-cream);border-top:1px solid var(--mhh-line)}
.mhh-latest-resources-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.mhh-latest-resources-head h2{font-size:32px;line-height:1.12;letter-spacing:-.7px;margin:7px 0 0;max-width:760px}
.mhh-latest-resources-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mhh-latest-resource-card{min-width:0;background:#fff;border:1px solid var(--mhh-line);border-radius:7px;overflow:hidden;box-shadow:0 3px 12px #00000008}
.mhh-latest-resource-link{display:flex;flex-direction:column;height:100%}
.mhh-latest-resource-media{aspect-ratio:16/9;overflow:hidden;background:#eee}
.mhh-latest-resource-media img{width:100%;height:100%;object-fit:cover;display:block}
.mhh-latest-resource-body{padding:19px;display:flex;flex-direction:column;flex:1}
.mhh-latest-resource-body h3{font-size:18px;line-height:1.25;margin:8px 0 9px}
.mhh-latest-resource-body p{font-size:13px;line-height:1.55;color:#555;margin:0 0 15px}
.mhh-resource-read{margin-top:auto;font-size:13px;font-weight:800;color:var(--mhh-red)}
@media(max-width:1024px){.mhh-latest-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .mhh-latest-resources-head h2{font-size:29px}
 .mhh-latest-resources-grid{grid-template-columns:1fr;gap:18px}
 .mhh-latest-resource-body{padding:20px}
}

/* Maryland Homebuyer Hub — desktop header/navigation alignment.
   Keeps every primary nav label on one line from 901px up. Scoped to
   min-width:901px so the existing mobile hamburger behaviour is untouched.
   The margin/padding reset removes the browser default ul padding-inline-start,
   which was consuming 40px inside the <ul class="mhh-links"> nav markup. */
@media(min-width:901px){
 .mhh-nav{flex-wrap:nowrap;gap:24px}
 .mhh-brand{min-width:0;flex:0 0 auto}
 .mhh-nav .mhh-primary-nav{display:flex;justify-content:center}
 .mhh-nav .mhh-primary-nav,.mhh-nav>nav.mhh-links{flex:1 1 auto;min-width:0}
 .mhh-nav .mhh-links{min-width:0;margin:0;padding:0;list-style:none;justify-content:center;gap:24px}
 .mhh-nav .mhh-links>li,.mhh-nav .mhh-links>li>a,.mhh-navcta{white-space:nowrap}
 .mhh-navcta{flex:0 0 auto}
}
@media(min-width:901px) and (max-width:1279px){
 .mhh-nav{gap:16px}
 .mhh-nav .mhh-links{gap:16px;font-size:12.5px}
 
 
 .mhh-navcta{padding:12px 15px;font-size:12.5px}
}
@media(min-width:901px) and (max-width:1099px){
 .mhh-nav{gap:10px}
 .mhh-nav .mhh-links{gap:10px;font-size:12px}
 
 
 .mhh-navcta{padding:10px 11px;font-size:12px}
}

/* Maryland Homebuyer Hub — navigation submenu (Loan Programs dropdown).
   Additive only. Existing hover/focus-within behaviour is preserved; these
   rules add the accessible toggle, the click-open state and the mobile
   accordion. Scoped so desktop nav alignment is unaffected. */
.mhh-subnav-toggle{display:none;background:transparent;border:0;padding:0;margin:0;cursor:pointer;color:inherit;line-height:1}
.mhh-subnav-toggle>span{display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .15s ease}
.mhh-subnav-toggle:focus-visible{outline:2px solid var(--mhh-gold);outline-offset:3px;border-radius:3px}

@media(min-width:901px){
 /* desktop: chevron sits inline with the label, minimal width impact */
 .mhh-nav .mhh-links>li.mhh-has-sub{display:flex;align-items:center;gap:5px}
 .mhh-nav .mhh-links>li.mhh-has-sub>.mhh-subnav-toggle{display:block;margin-top:-2px}
 .mhh-nav .mhh-links>li.mhh-has-sub.is-open>.mhh-subnav-toggle>span{transform:rotate(-135deg) translate(-2px,-2px)}
 .mhh-nav .mhh-links>li.mhh-has-sub.is-open>.sub-menu{display:block}
 /* higher specificity than the base :hover/:focus-within rule, so an explicit
    Escape/close wins even while the toggle still holds focus */
 .mhh-nav .mhh-links>li.mhh-has-sub.is-suppressed>.sub-menu{display:none}
 .mhh-nav .mhh-links .sub-menu{border-radius:8px;padding:8px;z-index:120;min-width:246px}
 .mhh-nav .mhh-links .sub-menu li{padding:0}
 .mhh-nav .mhh-links .sub-menu a{display:block;padding:9px 12px;border-radius:5px;font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none;color:var(--mhh-ink)}
 .mhh-nav .mhh-links .sub-menu a:hover,.mhh-nav .mhh-links .sub-menu a:focus-visible{background:var(--mhh-cream);color:var(--mhh-red)}
}

@media(max-width:900px){
 /* mobile: collapse submenus behind an accordion toggle */
 .mhh-mobile-list>li.mhh-has-sub{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}
 .mhh-mobile-list>li.mhh-has-sub>a{grid-column:1}
 .mhh-mobile-list>li.mhh-has-sub>.mhh-subnav-toggle{display:grid;place-items:center;grid-column:2;width:44px;height:44px;justify-self:end}
 .mhh-mobile-list>li.mhh-has-sub>.sub-menu{grid-column:1/-1;display:none}
 .mhh-mobile-list>li.mhh-has-sub.is-open>.sub-menu{display:block}
 .mhh-mobile-list>li.mhh-has-sub.is-open>.mhh-subnav-toggle>span{transform:rotate(-135deg) translate(-2px,-2px)}
 .mhh-mobile-list .sub-menu a{display:block;font-size:15px;color:var(--mhh-muted)}
}

/* Submenu toggle: neutralise the theme's global <button> styling.
   Two distinct causes, both handled here:
   (1) Properties the earlier rule never declared -- min-width, min-height,
       border-radius, box-shadow, font sizing, appearance -- were left to the
       theme's `button {}` rule and applied unopposed, producing a 96x44 block.
   (2) Some builds force `background-color` with !important on buttons inside
       the header, which no amount of author specificity alone can beat.
   Scoped to the two nav lists only -- this is not a sitewide button reset.
   Deliberately does NOT declare display, width or height, so the desktop
   inline chevron and the 44px mobile tap target both keep their own sizing. */
.mhh-top .mhh-nav .mhh-links > li.mhh-has-sub > button.mhh-subnav-toggle,
.mhh-top .mhh-mobile-menu .mhh-mobile-list > li.mhh-has-sub > button.mhh-subnav-toggle{
 -webkit-appearance:none;appearance:none;
 background:none !important;
 background-color:transparent !important;
 background-image:none !important;
 border:0 !important;
 border-radius:0 !important;
 box-shadow:none !important;
 text-shadow:none !important;
 padding:0 !important;
 margin:0;
 min-width:0 !important;
 min-height:0 !important;
 max-width:none;
 color:currentColor !important;
 font:inherit;
 font-size:inherit;
 line-height:1 !important;
 letter-spacing:normal;
 text-transform:none;
 text-decoration:none;
 cursor:pointer;
 transform:none;
 transition:none;
}
/* keyboard focus must survive the reset above */
.mhh-top .mhh-nav .mhh-links > li.mhh-has-sub > button.mhh-subnav-toggle:focus-visible,
.mhh-top .mhh-mobile-menu .mhh-mobile-list > li.mhh-has-sub > button.mhh-subnav-toggle:focus-visible{
 outline:2px solid var(--mhh-gold);
 outline-offset:3px;
 border-radius:3px !important;
}
/* the chevron itself */
.mhh-top .mhh-nav .mhh-links > li.mhh-has-sub > button.mhh-subnav-toggle > span,
.mhh-top .mhh-mobile-menu .mhh-mobile-list > li.mhh-has-sub > button.mhh-subnav-toggle > span{
 display:block;width:7px;height:7px;
 border-right:2px solid currentColor !important;
 border-bottom:2px solid currentColor !important;
 border-top:0 !important;border-left:0 !important;
 background:none !important;box-shadow:none !important;border-radius:0 !important;
 transform:rotate(45deg) translate(-1px,-1px);
 transition:transform .15s ease;
}
.mhh-top .mhh-nav .mhh-links > li.mhh-has-sub.is-open > button.mhh-subnav-toggle > span,
.mhh-top .mhh-mobile-menu .mhh-mobile-list > li.mhh-has-sub.is-open > button.mhh-subnav-toggle > span{
 transform:rotate(-135deg) translate(-2px,-2px);
}

/* Official Maryland Homebuyer Hub header logo.
   PRODUCTION FIX -- the earlier version of this block relied on author
   specificity alone. Themes and plugins commonly ship image rules such as
   `header img{height:auto !important}` or `.site-header img{max-width:none}`,
   and an !important declaration cannot be beaten by specificity at any level.
   That let the logo render at its intrinsic 1241x363 and overflow the header.

   This block therefore does three things:
     1. constrains BOTH dimensions explicitly, never relying on intrinsic size;
     2. marks the sizing declarations !important, narrowly and only inside
        .mhh-top .mhh-brand -- this is not a global img reset;
     3. hard-caps and clips the brand container itself, so even total failure
        of the image rules cannot push the logo over the nav or the hero.
   The <img> is targeted by element as well as by class, so the sizing still
   holds if the class attribute is ever lost in markup. */
.mhh-top .mhh-brand{
 display:flex;align-items:center;
 flex:0 0 auto;
 min-width:0;
 max-width:200px;
 height:auto;
 overflow:hidden;
 line-height:0;
}
.mhh-top .mhh-brand picture{display:block;max-width:100%;line-height:0}
.mhh-top .mhh-brand img,
.mhh-top .mhh-brand .mhh-brand-logo{
 display:block !important;
 width:auto !important;
 max-width:100% !important;
 height:52px !important;
 max-height:52px !important;
 min-width:0 !important;
 min-height:0 !important;
 object-fit:contain;
 object-position:left center;
}

@media(max-width:1099px){
 .mhh-top .mhh-brand{max-width:180px}
 .mhh-top .mhh-brand img,
 .mhh-top .mhh-brand .mhh-brand-logo{height:46px !important;max-height:46px !important}
}
/* 901-1023px is the tightest desktop band: the full nav, the chevron and the
   Quiz CTA all still show. Trimming the logo here preserves nav clearance.
   This band already overlapped before the logo change (-52px clearance at
   901px with the old text lockup). */
@media(min-width:901px) and (max-width:1023px){
 .mhh-top .mhh-brand{max-width:120px}
 .mhh-top .mhh-brand img,
 .mhh-top .mhh-brand .mhh-brand-logo{height:29px !important;max-height:29px !important}
}
@media(max-width:900px){
 .mhh-top .mhh-brand{max-width:160px}
 .mhh-top .mhh-brand img,
 .mhh-top .mhh-brand .mhh-brand-logo{height:44px !important;max-height:44px !important}
}
@media(max-width:560px){
 .mhh-top .mhh-brand{max-width:145px}
 .mhh-top .mhh-brand img,
 .mhh-top .mhh-brand .mhh-brand-logo{height:40px !important;max-height:40px !important}
}
@media(max-width:400px){
 .mhh-top .mhh-brand{max-width:130px}
 .mhh-top .mhh-brand img,
 .mhh-top .mhh-brand .mhh-brand-logo{height:35px !important;max-height:35px !important}
}