/* My Accounting Hub | main.css | Draft build - not production */
/* ======================================================================
 Palette is seeded from the live coming-soon page (#0E1B32 navy, #0E7A82
 teal, #C4973A gold) so the existing animated logo stays coherent.
 Every colour below is a custom property - no raw hex outside :root.
 ====================================================================== */

:root {
 /* ---- brand ---- */
 --mah-navy: #0E1B32;
 --mah-navy-d: #0A1424;
 --mah-navy-mid: #16294A;
 --mah-navy-light: #1E3356;

 --mah-teal: #0E7A82;
 --mah-teal-lt: #1FA7B0;
 --mah-teal-d: #0B5A61;

 --mah-gold: #C4973A;
 --mah-gold-lt: #E7C987;

 --mah-white: #FFFFFF;
 --mah-off-white: #F4F6FA;
 --mah-grey-mid: #8A9AB4;
 --mah-grey-light: #D0D8E8;
 --mah-success: #22C55E;

 /* ---- semantic ---- */
 --bg-dark: var(--mah-navy);
 --bg-darker: var(--mah-navy-d);
 --bg-light: var(--mah-off-white);
 --surface-dark: var(--mah-navy-mid);
 --surface-light: var(--mah-white);
 --text-on-dark: #E8EDF6;
 --text-on-dark-mut:var(--mah-grey-mid);
 --text-on-light: #17233B;
 --text-on-light-mut:#5A6b86;
 --border-dark: rgba(255,255,255,.10);
 --border-light: #E3E8F2;

 /* ---- scale ---- */
 --r-sm: 8px;
 --r: 12px;
 --r-lg: 18px;
 --r-pill: 999px;
 --shadow: 0 2px 8px rgba(10,20,36,.08);
 --shadow-md: 0 10px 30px rgba(10,20,36,.12);
 --shadow-lg: 0 24px 60px rgba(10,20,36,.28);
 --ease: cubic-bezier(.4, 0, .2, 1);
 --nav-h: 68px;
 --ticker-h: 40px;

 --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 --font-display: 'Lora', Georgia, 'Times New Roman', serif;
}

/* ======================================================================
 RESET
 ====================================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 20px); -webkit-text-size-adjust: 100%; }
html, body { overflow-x: clip; }
body {
 font-family: var(--font-sans);
 font-size: 16px;
 line-height: 1.6;
 color: var(--text-on-light);
 background: var(--bg-darker);
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; font-size: 1rem; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--mah-teal-lt); outline-offset: 2px; border-radius: 3px; }

/* ======================================================================
 LAYOUT PRIMITIVES
 ====================================================================== */
.mah-container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.mah-kicker {
 display: inline-block;
 font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
 color: var(--mah-gold);
 margin-bottom: 14px;
}
.mah-h2 {
 font-family: var(--font-display);
 font-weight: 600;
 font-size: clamp(1.5rem, 3.4vw, 2.3rem);
 line-height: 1.2;
 letter-spacing: -.01em;
}
.mah-lead { color: var(--text-on-light-mut); margin-top: 8px; font-size: 1.02rem; max-width: 60ch; }
section .mah-lead { margin-left: auto; margin-right: auto; }

/* Section rhythm + alternating grounds */
section { padding: clamp(32px, 6vw, 64px) 0; }
.mah-stats, .mah-why, .mah-region, .mah-how, .mah-ctaband { background: var(--bg-dark); color: var(--text-on-dark); }
.mah-areas, .mah-experts, .mah-pricing, .mah-fbstrip { background: var(--bg-light); color: var(--text-on-light); }
.mah-stats, .mah-why, .mah-areas, .mah-region, .mah-experts, .mah-how, .mah-pricing { text-align: center; }
.mah-stats .mah-lead, .mah-why .mah-lead, .mah-region .mah-lead, .mah-how .mah-lead { color: var(--text-on-dark-mut); }

/* ======================================================================
 BUTTONS
 ====================================================================== */
.mah-btn {
 display: inline-flex; align-items: center; justify-content: center; gap: 8px;
 padding: 11px 20px;
 border-radius: var(--r-sm);
 font-size: .92rem; font-weight: 600; letter-spacing: .01em;
 transition: background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease), color .16s var(--ease);
 white-space: nowrap;
}
.mah-btn--lg { padding: 14px 26px; font-size: 1rem; }
.mah-btn--block { width: 100%; }
.mah-btn--primary { background: var(--mah-teal); color: #fff; }
.mah-btn--primary:hover { background: var(--mah-teal-d); }
.mah-btn--outline { background: transparent; color: currentColor; border: 1.5px solid currentColor; }
.mah-btn--outline:hover { background: rgba(255,255,255,.06); }
.mah-btn--gold { background: var(--mah-gold); color: var(--mah-navy); }
.mah-btn--gold:hover { background: var(--mah-gold-lt); }

/* Founding Member homepage band - deliberate navy+gold standout */
.mah-fndband { background: var(--mah-navy); color: #fff; }
.mah-fndband__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.mah-fndband__inner > div:first-child { flex: 2; min-width: 260px; }
.mah-fndband__kicker { display: inline-block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mah-gold); margin-bottom: 8px; }
.mah-fndband__inner h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.3rem, 2.6vw, 1.7rem); color: #fff; margin-bottom: 6px; }
.mah-fndband__inner p { color: #B7C3D6; font-size: .92rem; max-width: 52ch; }
.mah-fndband__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1; min-width: 200px; }
.mah-fndband__count { font-size: .82rem; font-weight: 700; color: var(--mah-gold-lt); }
@media (max-width: 640px) { .mah-fndband__cta { align-items: stretch; } .mah-fndband__cta .mah-btn { width: 100%; justify-content: center; } }
.mah-areas .mah-btn--outline:hover, .mah-experts .mah-btn--outline:hover, .mah-pricing .mah-btn--outline:hover { background: rgba(14,122,130,.08); }
.mah-btn--ghost { background: rgba(255,255,255,.06); color: var(--text-on-dark); }
.mah-btn--ghost:hover { background: rgba(255,255,255,.12); }
.mah-btn--light { background: #fff; color: var(--mah-navy); }
.mah-btn--light:hover { background: var(--mah-off-white); }

.mah-link {
 display: inline-flex; align-items: center; gap: 4px;
 font-weight: 600; font-size: .9rem; color: var(--mah-teal);
}
.mah-link:hover { color: var(--mah-teal-d); text-decoration: underline; text-underline-offset: 3px; }

/* ======================================================================
 1. TICKER
 ====================================================================== */
.mah-ticker {
 position: relative; z-index: 60;
 display: flex; align-items: center;
 height: var(--ticker-h);
 background: var(--mah-teal);
 color: #fff;
 font-size: .8rem;
 overflow: hidden;
}
.mah-ticker.is-dismissed { display: none; }
.mah-ticker__viewport { flex: 1; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.mah-ticker__track { display: flex; width: max-content; animation: mah-ticker 42s linear infinite; }
.mah-ticker__set { display: flex; flex-shrink: 0; }
.mah-ticker__set > span { padding: 0 28px; white-space: nowrap; font-weight: 500; }
.mah-ticker:hover .mah-ticker__track { animation-play-state: paused; }

.mah-ticker__cta {
 flex-shrink: 0;
 margin: 0 6px 0 10px;
 padding: 5px 14px;
 background: #fff; color: var(--mah-teal-d);
 border-radius: var(--r-pill);
 font-weight: 700; font-size: .76rem;
}
.mah-ticker__cta:hover { background: var(--mah-off-white); }
.mah-ticker__close {
 flex-shrink: 0; width: 40px; height: var(--ticker-h);
 font-size: 1.2rem; color: rgba(255,255,255,.85);
}
.mah-ticker__close:hover { color: #fff; }

/* ======================================================================
 2. NAV
 ====================================================================== */
.mah-nav {
 position: sticky; top: 0; z-index: 50;
 background: var(--mah-navy);
 border-bottom: 1px solid var(--border-dark);
 transition: box-shadow .2s var(--ease), background .2s var(--ease);
}
.mah-nav.is-stuck { box-shadow: 0 6px 24px rgba(0,0,0,.35); background: rgba(14,27,50,.92); backdrop-filter: blur(8px); }
.mah-nav__inner {
 max-width: 1440px; margin: 0 auto; padding: 0 20px;
 height: var(--nav-h);
 display: flex; align-items: center; gap: 20px;
}

.mah-nav__logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.mah-nav__mark { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(255,255,255,.06); }
@media (min-width: 1081px) { .mah-nav__mark { width: 50px; height: 50px; } }
.mah-emblem { width: 100%; height: 100%; display: block; }
.mah-nav__wordmark { display: flex; flex-direction: column; line-height: 1.05; color: #fff; }
.mah-nav__wordmark strong { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; }
.mah-nav__wordmark em { font-style: normal; font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; color: var(--mah-gold); margin-top: 2px; }

.mah-nav__menu { display: flex; align-items: center; gap: 2px; margin-left: 8px; }
.mah-nav__group { position: relative; flex-shrink: 0; }
.mah-nav__link {
 display: inline-flex; align-items: center; gap: 4px;
 padding: 8px 12px; border-radius: var(--r-sm);
 color: #C9D3E4; font-size: .88rem; font-weight: 500;
 white-space: nowrap;
 transition: color .15s, background .15s;
}
.mah-nav__link:hover, .mah-nav__group:hover .mah-nav__link, .mah-nav__link[aria-expanded="true"] { color: #fff; background: rgba(255,255,255,.06); }
.mah-caret { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s var(--ease); }
.mah-nav__group:hover .mah-caret, .mah-nav__link[aria-expanded="true"] .mah-caret { transform: rotate(180deg); }

.mah-nav__actions { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-shrink: 0; }
.mah-nav__login .mah-btn--ghost { padding: 8px 12px; font-size: .86rem; }
.mah-nav__actions > .mah-btn--primary { padding: 8px 16px; font-size: .82rem; }

/* Mega menu */
.mah-mega {
 position: absolute; top: calc(100% + 8px); left: 0;
 min-width: 460px;
 background: var(--surface-light); color: var(--text-on-light);
 border-radius: var(--r); box-shadow: var(--shadow-lg);
 border: 1px solid var(--border-light);
 padding: 10px;
 display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
 opacity: 0; visibility: hidden; transform: translateY(6px);
 transition: opacity .16s var(--ease), transform .16s var(--ease), visibility .16s;
}
.mah-mega--narrow { min-width: 340px; grid-template-columns: 1fr; }
.mah-mega--login { min-width: 300px; grid-template-columns: 1fr; right: 0; left: auto; }
.mah-nav__group:hover .mah-mega, .mah-nav__group:focus-within .mah-mega { opacity: 1; visibility: visible; transform: translateY(0); }
.mah-mega a { display: block; padding: 10px 12px; border-radius: var(--r-sm); transition: background .12s; }
.mah-mega a:hover { background: var(--mah-off-white); }
.mah-mega a b { display: block; font-size: .86rem; font-weight: 600; color: var(--text-on-light); }
.mah-mega a span { display: block; font-size: .76rem; color: var(--text-on-light-mut); margin-top: 2px; line-height: 1.4; }

.mah-nav__burger { display: none; width: 42px; height: 42px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-left: auto; }
.mah-nav__burger span { width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: transform .2s var(--ease), opacity .2s var(--ease); }
.mah-nav__burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mah-nav__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mah-nav__burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile menu */
.mah-mobile {
 position: fixed; top: 0; right: 0; z-index: 55;
 width: min(360px, 88vw); height: 100dvh;
 background: var(--mah-navy); color: #fff;
 transform: translateX(100%); transition: transform .28s var(--ease);
 overflow-y: auto; padding: 84px 20px 40px;
 box-shadow: var(--shadow-lg);
}
.mah-mobile.is-open { transform: translateX(0); }
.mah-mobile__inner { display: flex; flex-direction: column; gap: 4px; }
.mah-mobile__link, .mah-mobile__acc > summary {
 display: block; padding: 12px 8px; font-size: .95rem; font-weight: 500;
 color: #D6DEEC; border-bottom: 1px solid rgba(255,255,255,.07);
 list-style: none;
}
.mah-mobile__acc > summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.mah-mobile__acc > summary::after { content: "+"; color: var(--mah-gold); font-weight: 700; }
.mah-mobile__acc[open] > summary::after { content: "\2212"; }
.mah-mobile__acc a { display: block; padding: 9px 8px 9px 18px; font-size: .86rem; color: var(--mah-grey-mid); }
.mah-mobile__acc a:hover { color: #fff; }
.mah-mobile__actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.mah-scrim { position: fixed; inset: 0; z-index: 54; background: rgba(6,12,24,.55); }

/* ======================================================================
 3. HERO
 ====================================================================== */
.mah-hero { background: var(--mah-navy); color: var(--text-on-dark); position: relative; padding: clamp(36px, 6vw, 64px) 0 0; }
.mah-hero::before {
 content: ""; position: absolute; inset: 0; pointer-events: none;
 background:
 radial-gradient(ellipse 70% 50% at 25% 0%, rgba(14,122,130,.28), transparent 70%),
 radial-gradient(ellipse 50% 45% at 100% 30%, rgba(196,151,58,.10), transparent 60%);
}
.mah-hero__inner {
 position: relative;
 max-width: 1180px; margin: 0 auto; padding: 0 20px;
 display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px;
}
.mah-hero__inner > * { min-width: 0; }
@media (min-width: 1000px) { .mah-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 52px; align-items: start; } }

.mah-eyebrow {
 display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
 color: var(--mah-teal-lt);
 padding: 5px 14px; border: 1px solid rgba(31,167,176,.4); border-radius: var(--r-pill);
 margin-bottom: 18px;
}
.mah-hero__h1 {
 font-family: var(--font-display); font-weight: 600;
 font-size: clamp(1.9rem, 5vw, 3.1rem); line-height: 1.1; letter-spacing: -.015em;
 color: #fff;
}
.mah-hero__h1 em { font-style: italic; color: var(--mah-teal-lt); }
.mah-hero__sub { margin: 16px 0 20px; color: #B7C3D6; font-size: 1.05rem; max-width: 40ch; }
.mah-hero__trust { list-style: none; display: flex; flex-direction: column; gap: 9px; margin-bottom: 24px; }
.mah-hero__trust li { position: relative; padding-left: 26px; font-size: .9rem; color: #9FB0C8; }
.mah-hero__trust li::before {
 content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px;
 background: var(--mah-teal); border-radius: 50%;
 -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 14px no-repeat;
 mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 14px no-repeat;
}
.mah-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---- Finder widget ---- */
.mah-finder {
 background: var(--surface-light); color: var(--text-on-light);
 border-radius: var(--r-lg);
 box-shadow: var(--shadow-lg), 0 0 0 1px rgba(14,122,130,.12);
 overflow: hidden;
}
.mah-finder__tabs { display: flex; background: var(--mah-off-white); border-bottom: 1px solid var(--border-light); }
.mah-finder__tab {
 flex: 1 1 0; min-width: 0;
 padding: 14px 10px; font-size: .88rem; font-weight: 600; color: var(--text-on-light-mut);
 border-bottom: 2.5px solid transparent; transition: color .15s, border-color .15s, background .15s;
}
.mah-finder__tab.is-active { color: var(--mah-teal-d); border-color: var(--mah-teal); background: #fff; }
.mah-finder__panel { padding: 22px; }

.mah-wiz__steps { list-style: none; display: flex; align-items: center; gap: 6px; margin-bottom: 18px; font-size: .74rem; color: var(--text-on-light-mut); }
.mah-wiz__steps li { display: flex; align-items: center; gap: 6px; opacity: .5; }
.mah-wiz__steps li.is-active, .mah-wiz__steps li.is-done { opacity: 1; }
.mah-wiz__steps li::after { content: ""; width: 16px; height: 1px; background: var(--border-light); margin-left: 4px; }
.mah-wiz__steps li:last-child::after { display: none; }
.mah-wiz__steps li span {
 width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center;
 background: var(--mah-off-white); color: var(--text-on-light-mut); font-weight: 700; font-size: .7rem;
}
.mah-wiz__steps li.is-active span { background: var(--mah-teal); color: #fff; }
.mah-wiz__steps li.is-done span { background: var(--mah-success); color: #fff; }

.mah-wiz__pane { display: none; }
.mah-wiz__pane.is-active { display: block; animation: mah-fade .22s var(--ease); }
.mah-wiz__q { font-weight: 600; font-size: .98rem; margin-bottom: 12px; text-align: left; }
.mah-wiz__q span { color: var(--text-on-light-mut); font-weight: 400; font-size: .85rem; }

.mah-wiz__cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mah-wiz__cats button {
 padding: 8px 10px; border: 1px solid var(--border-light); border-radius: var(--r-sm);
 font-size: .74rem; font-weight: 500; text-align: left; color: var(--text-on-light);
 transition: border-color .14s, background .14s, box-shadow .14s;
}
.mah-wiz__cats button:hover { border-color: var(--mah-teal); }
.mah-wiz__cats button.is-selected { border-color: var(--mah-teal); background: rgba(14,122,130,.06); box-shadow: inset 0 0 0 1px var(--mah-teal); }

.mah-wiz__geo { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 11px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-weight: 600; font-size: .86rem; color: var(--mah-teal-d); transition: background .14s, border-color .14s; }
.mah-wiz__geo:hover { background: rgba(14,122,130,.06); border-color: var(--mah-teal); }
.mah-wiz__geo svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mah-wiz__or { text-align: center; font-size: .74rem; color: var(--text-on-light-mut); text-transform: uppercase; letter-spacing: .1em; margin: 12px 0; }
.mah-wiz__loc { width: 100%; padding: 11px 13px; border: 1px solid var(--border-light); border-radius: var(--r-sm); }
.mah-wiz__loc:focus-visible { border-color: var(--mah-teal); outline: none; }
.mah-wiz__desc { width: 100%; padding: 11px 13px; border: 1px solid var(--border-light); border-radius: var(--r-sm); resize: vertical; line-height: 1.5; }
.mah-wiz__desc:focus-visible { border-color: var(--mah-teal); outline: none; }
.mah-wiz__nav { display: flex; gap: 8px; margin-top: 14px; }
.mah-wiz__nav .mah-btn { flex: 1; }
.mah-wiz__nav .mah-btn--ghost { flex: 0 0 auto; background: var(--mah-off-white); color: var(--text-on-light-mut); }

/* Wizard result (draft - no directory yet) */
.mah-wiz__result { text-align: center; padding: 8px 4px 4px; animation: mah-fade .24s var(--ease); }
.mah-wiz__result-i { font-size: 1.6rem; display: block; margin-bottom: 10px; }
.mah-wiz__result-h { font-size: .95rem; margin-bottom: 6px; }
.mah-wiz__result-p { font-size: .84rem; color: var(--text-on-light-mut); line-height: 1.5; margin-bottom: 14px; }
.mah-wiz__result-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* Docs grid */
.mah-docs { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
.mah-doc {
 display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px;
 padding: 10px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm);
 transition: border-color .14s, background .14s; text-decoration: none; color: inherit;
}
.mah-doc:hover { border-color: var(--mah-teal); background: rgba(14,122,130,.04); }
.mah-doc__i { font-size: 1.1rem; text-align: center; }
.mah-doc b { font-size: .82rem; font-weight: 600; text-align: left; }
.mah-doc__p { font-size: .8rem; font-weight: 700; color: var(--mah-teal-d); }
.mah-doc--soon { cursor: default; opacity: .72; }
.mah-doc--soon:hover { border-color: var(--border-light); background: none; }
.mah-doc--soon b { color: var(--text-on-light-mut); }
.mah-doc__p--soon { color: var(--text-on-light-mut); font-weight: 600; text-transform: uppercase; font-size: .68rem; letter-spacing: .04em; }
.mah-docs__soon-note { font-size: .78rem; color: var(--text-on-light-mut); margin: 4px 0 2px; }
.mah-docs__toggle { display: block; width: 100%; margin-top: 10px; padding: 9px; font-size: .82rem; font-weight: 600; color: var(--mah-teal-d); background: var(--mah-off-white); border-radius: var(--r-sm); }
.mah-docs__all { display: block; text-align: center; margin-top: 8px; font-size: .82rem; font-weight: 600; color: var(--mah-teal); }

/* Finder foot */
.mah-finder__foot { padding: 0 22px 22px; }
.mah-finder__label { display: block; text-align: center; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--text-on-light-mut); margin: 4px 0 10px; }
.mah-finder__searchbar { display: flex; gap: 0; }
.mah-finder__searchbar input { flex: 1; width: 100%; padding: 11px 13px; border: none; border-radius: 0; font-size: 15px; font-family: inherit; text-overflow: ellipsis; background: transparent; }
.mah-finder__searchbar input:focus-visible { outline: none; }

/* Icon lives in its own wrapper around just the input, so it stays centred on
   the input's own height even when the searchbar switches to a stacked
   (column) layout on mobile - it must never measure itself against the
   input+button combined block. */
.mah-finder__inputwrap { position: relative; flex: 1; display: flex; min-width: 0; }

/* "AI search" treatment - one unified pill: the glow ring is the only border,
   the input has none of its own, and the button sits flush inside it (no gap,
   square inner corners) so it reads as a single control, not input-box +
   separate button. */
.mah-finder__searchbar--ai { border-radius: var(--r-sm); box-shadow: 0 0 0 1px rgba(14,122,130,.18), 0 0 22px rgba(14,122,130,.14); transition: box-shadow .2s; overflow: hidden; }
.mah-finder__searchbar--ai:focus-within { box-shadow: 0 0 0 2px rgba(14,122,130,.35), 0 0 28px rgba(14,122,130,.22); }
.mah-finder__searchbar--ai .mah-btn { border-radius: 0; }
.mah-finder__searchicon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--mah-teal); display: flex; pointer-events: none; z-index: 1; }
.mah-finder__searchicon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mah-finder__inputwrap input { padding-left: 36px; }
.mah-example-ticker {
 text-align: center; font-size: .78rem; color: var(--text-on-light-mut);
 margin: 8px auto 0; max-width: 100%; line-height: 1.4; min-height: 18px;
 transition: opacity .35s ease; letter-spacing: .01em;
}
.mah-example-ticker.is-fading { opacity: 0; }
.mah-loc-hint { display: flex; visibility: hidden; align-items: center; justify-content: center; gap: 6px; font-size: .76rem; color: var(--text-on-light-mut); margin: 10px 0 0; flex-wrap: wrap; }
.mah-loc-hint .mah-i { width: 13px; height: 13px; color: var(--mah-teal); }
.mah-loc-hint strong { color: var(--text-on-light); font-weight: 700; }
.mah-loc-change { font-size: .72rem; font-weight: 700; color: var(--mah-teal-d); text-decoration: underline; background: none; border: none; padding: 0; cursor: pointer; }
.mah-loc-change:hover { color: var(--mah-teal); }
.mah-finder__quick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
.mah-finder__quick span { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-on-light-mut); }
.mah-finder__quick button { padding: 4px 11px; border: 1px solid var(--border-light); border-radius: var(--r-pill); font-size: .76rem; color: var(--text-on-light-mut); transition: border-color .14s, color .14s; }
.mah-finder__quick button:hover { border-color: var(--mah-teal); color: var(--mah-teal-d); }

/* ---- Trust bar ---- */
.mah-trustbar {
 position: relative;
 max-width: 780px; margin: 40px auto 0; padding: 0 20px 8px;
 display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; justify-items: center;
 gap: 10px 30px;
 font-size: .74rem; font-weight: 600; color: #7E8FA8;
}
.mah-trustbar span { position: relative; display: inline-flex; align-items: center; gap: 6px; cursor: help; }
.mah-trustbar span .mah-i { width: 14px; height: 14px; flex: none; color: var(--mah-teal-lt, #1FA7B0); }
.mah-trustbar span::after {
 content: attr(data-tip);
 position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(4px);
 width: 220px; padding: 9px 11px;
 background: var(--mah-navy-d); color: #DCE6F5; border: 1px solid var(--border-dark);
 border-radius: var(--r-sm); font-size: .72rem; font-weight: 400; line-height: 1.45; text-align: left;
 opacity: 0; visibility: hidden; transition: opacity .16s, transform .16s, visibility .16s;
 box-shadow: var(--shadow-md); z-index: 5; pointer-events: none;
}
.mah-trustbar span:hover::after, .mah-trustbar span:focus-visible::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
@media (min-width: 720px) {
 /* 2026-10-14: was a 4-col grid, so 6 badges left 2 stranded left on row 2 - now one centred row that wraps centred */
 .mah-trustbar { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 34px; max-width: 1000px; }
}

/* ======================================================================
 4. STATS
 ====================================================================== */
.mah-stats__grid { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 36px; text-align: left; }
@media (min-width: 640px) { .mah-stats__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .mah-stats__grid { grid-template-columns: repeat(4, 1fr); } }
.mah-stat { padding: 22px; background: var(--surface-dark); border: 1px solid var(--border-dark); border-radius: var(--r); }
.mah-stat__num { font-family: var(--font-display); font-weight: 700; font-size: 2rem; color: var(--mah-teal-lt); line-height: 1; margin-bottom: 10px; }
.mah-stat__num--text { color: var(--mah-gold); }
.mah-stat p { font-size: .88rem; color: var(--text-on-dark-mut); line-height: 1.5; }
.mah-stats__src { margin-top: 24px; font-size: .74rem; color: #5F708C; }

/* ======================================================================
 5. WHY - cards
 ====================================================================== */
.mah-why__grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 36px; text-align: left; }
@media (min-width: 560px) { .mah-why__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .mah-why__grid { grid-template-columns: repeat(3, 1fr); } }
.mah-card { padding: 24px; background: var(--surface-dark); border: 1px solid var(--border-dark); border-radius: var(--r); transition: transform .18s var(--ease), border-color .18s var(--ease); }
.mah-card:hover { transform: translateY(-3px); border-color: rgba(31,167,176,.4); }
.mah-card__i { font-size: 1.5rem; display: block; margin-bottom: 12px; }
.mah-card h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 6px; color: #fff; }
.mah-card p { font-size: .88rem; color: var(--text-on-dark-mut); }

/* ======================================================================
 6. SERVICE AREAS
 ====================================================================== */
.mah-areas__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 32px; }
.mah-areas__grid a {
 padding: 9px 16px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-pill);
 font-size: .84rem; font-weight: 500; color: var(--text-on-light);
 transition: border-color .14s, color .14s, box-shadow .14s;
}
.mah-areas__grid a:hover { border-color: var(--mah-teal); color: var(--mah-teal-d); box-shadow: 0 4px 14px rgba(14,122,130,.12); }
.mah-areas__foot { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; margin-top: 28px; }

/* ======================================================================
 7. REGION browser
 ====================================================================== */
.mah-region__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 30px 0 24px; }
.mah-region__tabs button {
 padding: 8px 16px; border-radius: var(--r-pill); font-size: .82rem; font-weight: 600;
 color: #A9B7CE; background: rgba(255,255,255,.05); border: 1px solid transparent;
 transition: background .14s, color .14s, border-color .14s;
}
.mah-region__tabs button:hover { color: #fff; }
.mah-region__tabs button.is-active { background: var(--mah-teal); color: #fff; }
.mah-region__panel { max-width: 620px; margin: 0 auto; }
.mah-region__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; }
.mah-region__card { display: block; background: var(--surface-dark); border: 1px solid var(--border-dark); border-radius: var(--r-sm); padding: 12px 14px; color: inherit; text-decoration: none; transition: border-color .14s; }
a.mah-region__card:hover { border-color: var(--mah-teal); }
.mah-region__card b { display: block; font-size: .88rem; font-weight: 600; color: #fff; margin-bottom: 3px; }
.mah-region__card span { display: block; font-size: .78rem; color: var(--text-on-dark-mut); }
@media (max-width: 560px) { .mah-region__grid { grid-template-columns: 1fr; } }
.mah-empty {
 padding: 40px 26px; background: var(--surface-dark); border: 1px dashed rgba(255,255,255,.18);
 border-radius: var(--r-lg);
}
.mah-empty__i { font-size: 2rem; display: block; margin-bottom: 12px; }
.mah-empty h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.15rem; color: #fff; margin-bottom: 8px; }
.mah-empty p { font-size: .88rem; color: var(--text-on-dark-mut); margin-bottom: 18px; }

/* ======================================================================
 8. EXPERTS
 ====================================================================== */
.mah-experts__card {
 display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
 max-width: 760px; margin: 32px auto 0; padding: 24px;
 background: #fff; border: 1px solid var(--border-light); border-left: 4px solid var(--mah-gold);
 border-radius: var(--r); text-align: left; box-shadow: var(--shadow);
}
.mah-experts__badge { display: inline-block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mah-gold); margin-bottom: 8px; }
.mah-experts__card h3 { font-size: 1.1rem; font-weight: 600; }
.mah-experts__card p { font-size: .86rem; color: var(--text-on-light-mut); }
.mah-experts__blurb { margin-top: 8px; max-width: 46ch; }

/* ======================================================================
 9. HOW IT WORKS
 ====================================================================== */
.mah-how__steps { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 40px; text-align: center; }
@media (min-width: 800px) { .mah-how__steps { grid-template-columns: repeat(3, 1fr); gap: 32px; } }
.mah-how__step { position: relative; }
.mah-how__n {
 width: 44px; height: 44px; display: grid; place-items: center; margin: 0 auto 14px;
 border-radius: 50%; background: var(--surface-dark); border: 2px solid var(--mah-teal);
 font-family: var(--font-display); font-weight: 700; color: var(--mah-teal-lt);
}
.mah-how__step h3 { font-size: 1.02rem; font-weight: 600; color: #fff; margin-bottom: 6px; }
.mah-how__step p { font-size: .88rem; color: var(--text-on-dark-mut); max-width: 34ch; margin: 0 auto; }

/* ======================================================================
 10. PRICING
 ====================================================================== */
.mah-cur { display: inline-flex; gap: 2px; margin: 26px 0 30px; padding: 4px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-pill); }
.mah-cur button { padding: 7px 16px; border-radius: var(--r-pill); font-size: .82rem; font-weight: 600; color: var(--text-on-light-mut); }
.mah-cur button.is-active { background: var(--mah-teal); color: #fff; }

.mah-tiers { display: grid; grid-template-columns: 1fr; gap: 16px; text-align: left; }
@media (min-width: 620px) { .mah-tiers { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .mah-tiers { grid-template-columns: repeat(5, 1fr); gap: 12px; } }
.mah-tier {
 display: flex; flex-direction: column;
 padding: 22px 18px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r);
 box-shadow: var(--shadow);
}
.mah-tier--featured { border-color: var(--mah-teal); box-shadow: 0 12px 36px rgba(14,122,130,.18); }
.mah-tier__tag { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mah-gold); margin-bottom: 8px; }
.mah-tier--featured .mah-tier__tag { color: var(--mah-teal-d); }
.mah-tier h3 { font-size: 1.02rem; font-weight: 600; }
.mah-tier__price { margin: 8px 0 14px; font-size: .82rem; color: var(--text-on-light-mut); }
.mah-tier__price .mah-amt { font-family: var(--font-display); font-weight: 700; font-size: 1.7rem; color: var(--text-on-light); }
.mah-tier ul { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; flex: 1; }
.mah-tier li { position: relative; padding-left: 20px; font-size: .8rem; color: var(--text-on-light-mut); line-height: 1.4; }
.mah-tier li::before { content: "\2713"; position: absolute; left: 0; color: var(--mah-teal); font-weight: 700; }
.mah-tier .mah-btn { width: 100%; }
.mah-pricing__note { margin-top: 26px; font-size: .78rem; color: var(--text-on-light-mut); max-width: 62ch; margin-left: auto; margin-right: auto; }

/* ======================================================================
 11. CTA BAND
 ====================================================================== */
.mah-ctaband { background: var(--mah-teal-d); text-align: center; }
.mah-ctaband h2 { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.4rem, 3vw, 2rem); color: #fff; max-width: 22ch; margin: 0 auto 10px; }
.mah-ctaband p { color: rgba(255,255,255,.85); margin-bottom: 24px; }
.mah-ctaband__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.mah-ctaband .mah-btn--outline { color: #fff; }

/* ======================================================================
 12. FEEDBACK STRIP
 ====================================================================== */
.mah-fbstrip__card {
 display: flex; flex-wrap: wrap; align-items: center; gap: 20px;
 padding: 24px 28px; background: var(--mah-navy); color: #fff;
 border-radius: var(--r-lg);
 max-width: 780px; margin: 0 auto;
}
.mah-fbstrip__stars { color: var(--mah-gold); letter-spacing: 2px; font-size: 1rem; flex-shrink: 0; }
.mah-fbstrip__body { flex: 1; min-width: 220px; text-align: left; }
.mah-fbstrip__card h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 4px; }
.mah-fbstrip__card p { font-size: .86rem; color: var(--text-on-dark-mut); }
.mah-fbstrip__card .mah-btn { flex-shrink: 0; }

/* ======================================================================
 13. FOOTER
 ====================================================================== */
.mah-footer { background: var(--mah-navy-d); color: #A9B7CE; padding-top: clamp(44px, 7vw, 72px); }
.mah-footer__grid { display: grid; grid-template-columns: 1fr; gap: 28px; padding-bottom: 40px; }
@media (min-width: 640px) { .mah-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; } }
.mah-footer__brand img { border-radius: 8px; margin-bottom: 10px; }
.mah-footer__brand strong { display: block; font-family: var(--font-display); font-weight: 600; color: #fff; font-size: 1.05rem; margin-bottom: 8px; }
.mah-footer__brand p { font-size: .84rem; line-height: 1.6; margin-bottom: 12px; }
.mah-footer__col h4 { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #fff; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mah-footer__col a { display: block; font-size: .82rem; padding: 4px 0; color: #A9B7CE; transition: color .12s; }
.mah-footer__col a:hover { color: #fff; }
.mah-footer__bar { border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0 90px; }
.mah-footer__bar .mah-container { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.mah-footer__bar p { font-size: .76rem; color: #7A8AA6; }
.mah-footer__disc { max-width: 90ch; margin: 0 auto; }

/* ======================================================================
 14. CHAT WIDGET
 ====================================================================== */
.mah-chat { position: fixed; right: 18px; bottom: 18px; z-index: 45; }
.mah-chat__fab {
 position: relative; width: 46px; height: 46px; border-radius: 50%;
 background: var(--mah-teal); color: #fff; display: grid; place-items: center;
 box-shadow: 0 6px 20px rgba(6,12,24,.28); transition: transform .16s var(--ease), background .16s;
}
.mah-chat__fab:hover { background: var(--mah-teal-d); transform: scale(1.07); }
.mah-chat__fab svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 640px) {
 .mah-chat__fab { width: 40px; height: 40px; }
 .mah-chat__fab svg { width: 17px; height: 17px; }
}
.mah-chat__dot { position: absolute; top: 50%; right: 4px; transform: translateY(-50%); width: 11px; height: 11px; border-radius: 50%; background: var(--mah-success); border: 2px solid var(--mah-teal); }
.mah-chat.is-open .mah-chat__fab { display: none; }

.mah-chat__panel {
 position: absolute; right: 0; bottom: 0;
 width: min(360px, calc(100vw - 32px));
 background: var(--mah-navy); color: #E8EDF6;
 border: 1px solid var(--border-dark); border-radius: var(--r-lg);
 box-shadow: var(--shadow-lg); overflow: hidden;
 display: flex; flex-direction: column;
 animation: mah-slide-up .22s var(--ease);
}
.mah-chat__head { display: flex; justify-content: space-between; align-items: flex-start; padding: 14px 16px; background: var(--mah-navy-mid); border-bottom: 1px solid var(--border-dark); }
.mah-chat__head strong { display: block; font-size: .92rem; }
.mah-chat__head span { font-size: .72rem; color: var(--mah-grey-mid); }
.mah-chat__online { font-style: normal; color: var(--mah-success); font-weight: 600; }
.mah-chat__close { font-size: 1.3rem; color: var(--mah-grey-mid); line-height: 1; }
.mah-chat__close:hover { color: #fff; }
.mah-chat__log { padding: 16px; display: flex; flex-direction: column; gap: 10px; max-height: 300px; overflow-y: auto; }
.mah-chat__msg { max-width: 85%; padding: 10px 13px; border-radius: 14px; font-size: .84rem; line-height: 1.45; }
.mah-chat__msg--bot { background: var(--mah-navy-mid); border-bottom-left-radius: 4px; }
.mah-chat__msg--user { background: var(--mah-teal); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.mah-chat__chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px 12px; }
.mah-chat__chips button { padding: 5px 11px; font-size: .74rem; border: 1px solid var(--border-dark); border-radius: var(--r-pill); color: #C9D3E4; transition: background .12s; }
.mah-chat__chips button:hover { background: rgba(255,255,255,.06); }
.mah-chat__form { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border-dark); }
.mah-chat__form input { flex: 1; padding: 9px 12px; background: var(--mah-navy-mid); border: 1px solid var(--border-dark); border-radius: var(--r-sm); color: #fff; }
.mah-chat__form input:focus-visible { outline: none; border-color: var(--mah-teal-lt); }
.mah-chat__form button { width: 38px; flex-shrink: 0; background: var(--mah-teal); color: #fff; border-radius: var(--r-sm); font-size: 1.1rem; }
.mah-chat__disc { font-size: .68rem; color: #6C7C98; padding: 0 16px 12px; }

/* ======================================================================
 15. FEEDBACK TAB + MODALS
 ====================================================================== */
/* Floating action stack (bottom-right) - share + feedback folded into one
   corner like My Legal Hub, instead of two vertical side rails. */
.mah-fstack { position: fixed; right: 20px; bottom: 24px; z-index: 44; display: flex; flex-direction: column; gap: 10px; }
.mah-fstack__btn {
 position: relative; width: 46px; height: 46px; border-radius: 50%;
 display: grid; place-items: center; color: #fff;
 box-shadow: 0 6px 20px rgba(6,12,24,.28);
 transition: transform .16s var(--ease), background .16s;
}
.mah-fstack__btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mah-fstack__btn:hover, .mah-fstack__btn:focus-visible { transform: scale(1.07); }
.mah-fstack__btn--share { background: var(--mah-teal); }
.mah-fstack__btn--fb { background: var(--mah-teal); }
.mah-fstack__btn::after {
 content: attr(data-tip); position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%);
 background: var(--mah-navy); color: #fff; font-size: .74rem; font-weight: 600; white-space: nowrap;
 padding: 5px 10px; border-radius: 6px; opacity: 0; pointer-events: none; transition: opacity .15s;
}
.mah-fstack__btn:hover::after, .mah-fstack__btn:focus-visible::after { opacity: 1; }
@media (max-width: 640px) {
 .mah-fstack { right: 14px; bottom: 84px; gap: 8px; }
 .mah-fstack__btn { width: 40px; height: 40px; }
 .mah-fstack__btn svg { width: 17px; height: 17px; }
 .mah-fstack__btn::after { display: none; }
}

/* Google Translate widget - hide its default UI, drive everything from our own pill */
.goog-te-banner-frame.skiptranslate, .goog-te-banner-frame { display: none !important; }
body { top: 0 !important; position: static !important; }
.goog-te-gadget { display: none !important; }

.mah-translate-wrap { position: relative; display: flex; }
.mah-fstack__btn--translate { background: var(--mah-teal); }
.mah-translate-panel {
 display: none; position: absolute; bottom: 0; right: calc(100% + 12px);
 background: var(--mah-navy); border: 1px solid rgba(14,122,130,.3); border-radius: 12px;
 padding: 14px; width: 260px; max-width: calc(100vw - 48px); box-shadow: 0 8px 32px rgba(0,0,0,.4); z-index: 60;
}
.mah-translate-panel-label { display: block; font-size: 11px; color: #8aa4b8; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 10px; }
.mah-lang-grid { display: flex; flex-wrap: wrap; gap: 6px; max-height: 220px; overflow-y: auto; }
.mah-lang-grid::-webkit-scrollbar { width: 4px; }
.mah-lang-grid::-webkit-scrollbar-thumb { background: rgba(14,122,130,.3); border-radius: 4px; }
.mah-lang-btn {
 padding: 5px 10px; font-size: 12px; font-weight: 500; color: #cbd5e1;
 background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 999px;
 cursor: pointer; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; line-height: 1.4;
}
.mah-lang-btn:hover, .mah-lang-btn.is-active { background: rgba(14,122,130,.18); border-color: rgba(14,122,130,.5); color: #1FA7B0; }
.mah-lang-btn img.emoji { height: 1.1em; width: 1.1em; vertical-align: -0.15em; margin-right: 3px; display: inline; }
@media (max-width: 640px) {
 .mah-translate-panel { width: 240px; max-width: calc(100vw - 48px); right: calc(100% + 8px); }
 .mah-lang-grid { max-height: 180px; }
}

/* Share options grid */
.mah-share__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
.mah-share__opt {
 display: flex; align-items: center; justify-content: center; gap: 8px;
 padding: 11px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm);
 font-size: .86rem; font-weight: 600; color: var(--text-on-light); background: #fff; text-decoration: none;
 transition: border-color .14s, background .14s;
}
.mah-share__opt:hover { border-color: var(--mah-teal); background: #F4FAFA; }
.mah-share__opt .mah-i { width: 17px; height: 17px; color: var(--mah-teal); }
.mah-modal__box .mah-modal__sub a { color: var(--mah-teal); font-weight: 600; }

/* Cookie consent bar */
.mah-consent {
 position: fixed; left: 16px; bottom: 16px; z-index: 9995;
 width: min(420px, calc(100vw - 32px));
 background: var(--mah-navy); color: #DCE4F0;
 border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-lg);
 box-shadow: var(--shadow-lg); padding: 18px 18px 16px;
 animation: mah-slide-up .24s var(--ease);
}
.mah-consent[hidden] { display: none; }
.mah-consent p { font-size: .84rem; line-height: 1.5; color: #DCE4F0; }
.mah-consent strong { display: block; color: #fff; font-size: .95rem; margin-bottom: 4px; }
.mah-consent a { color: var(--mah-gold); text-decoration: underline; }
.mah-consent__btns { display: flex; gap: 8px; margin-top: 12px; justify-content: flex-end; }
.mah-consent .mah-btn--ghost { color: #fff; border-color: rgba(255,255,255,.35); }
.mah-consent .mah-btn--ghost:hover { background: rgba(255,255,255,.08); }

/* Disabled "Coming soon" tier button */
.mah-btn--soon {
 background: transparent; color: var(--text-on-light-mut); border: 1px dashed var(--border-light);
 cursor: default; pointer-events: none;
}
.mah-pricing__soon {
 margin: 18px auto 0; max-width: 720px; text-align: center;
 background: #FBF6EA; color: #5B4516; border: 1px solid #EBDDB8; border-radius: var(--r-md, 12px);
 padding: 12px 16px; font-size: .9rem;
}
.mah-pricing__soon a { color: #5B4516; font-weight: 700; text-decoration: underline; }

.mah-modal { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 20px; }
.mah-modal__scrim { position: absolute; inset: 0; background: rgba(6,12,24,.6); animation: mah-fade .2s var(--ease); }
.mah-modal__box {
 position: relative; width: 100%; max-width: 460px; max-height: 90vh; overflow-y: auto;
 background: #fff; color: var(--text-on-light);
 border-radius: var(--r-lg); padding: 28px;
 box-shadow: var(--shadow-lg); animation: mah-slide-up .24s var(--ease);
}
.mah-modal__box--sm { max-width: 400px; }
.mah-modal__x { position: absolute; top: 12px; right: 14px; font-size: 1.5rem; color: var(--text-on-light-mut); line-height: 1; }
.mah-modal__x:hover { color: var(--text-on-light); }
.mah-modal h2 { font-family: var(--font-display); font-weight: 600; font-size: 1.3rem; margin-bottom: 16px; }
.mah-modal form { display: flex; flex-direction: column; gap: 14px; }
.mah-modal label { display: flex; flex-direction: column; gap: 5px; font-size: .8rem; font-weight: 600; }
.mah-modal__opt { font-weight: 400; color: var(--text-on-light-mut); }
.mah-modal select, .mah-modal input, .mah-modal textarea {
 padding: 10px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm);
 font-weight: 400; font-size: .9rem;
}
.mah-modal select:focus-visible, .mah-modal input:focus-visible, .mah-modal textarea:focus-visible { outline: none; border-color: var(--mah-teal); }
.mah-modal__count { align-self: flex-end; font-size: .72rem; font-weight: 400; color: var(--text-on-light-mut); }
.mah-modal__foot { font-size: .78rem; color: var(--text-on-light-mut); text-align: center; }
.mah-modal__foot a { color: var(--mah-teal); font-weight: 600; }
.mah-modal__done { text-align: center; padding: 20px 0; }
.mah-modal__done p:first-child { font-size: 1.05rem; font-weight: 600; color: var(--mah-success); margin-bottom: 6px; }
.mah-modal__sub { font-size: .82rem; color: var(--text-on-light-mut); }
.mah-share__or { text-align: center; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--text-on-light-mut); margin: 16px 0 10px; }
.mah-share__row { display: flex; gap: 8px; margin: 0 0 10px; }
.mah-share__row input { flex: 1; padding: 10px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .82rem; color: var(--text-on-light-mut); }

/* ======================================================================
 RESPONSIVE - nav collapse
 ====================================================================== */
@media (max-width: 1279px) {
 .mah-nav__menu, .mah-nav__actions { display: none; }
 .mah-nav__burger { display: flex; }
 .mah-nav__wordmark em { display: none; }
}
@media (max-width: 640px) {
 .mah-ticker__cta { display: none; }
 .mah-finder__panel, .mah-finder__foot { padding-left: 16px; padding-right: 16px; }
 .mah-fbstrip__card, .mah-experts__card { flex-direction: column; align-items: flex-start; }
 .mah-fbstrip__card .mah-btn, .mah-experts__card .mah-btn { width: 100%; }
}
@media (max-width: 480px) {
 body { font-size: 15px; }
 .mah-hero__ctas .mah-btn { flex: 1 1 auto; }
 .mah-hero__h1 { font-size: clamp(1.7rem, 8vw, 2.2rem); }
 .mah-trustbar { grid-template-columns: 1fr 1fr; gap: 10px 18px; }
 .mah-trustbar span::after { width: min(220px, 74vw); }
 .mah-finder__searchbar { flex-direction: column; }
 .mah-finder__inputwrap { width: 100%; }
 .mah-finder__searchbar input { width: 100%; box-sizing: border-box; }
 .mah-finder__searchbar .mah-btn { width: 100%; justify-content: center; }
}

/* ---- Overflow hardening: never let a flex/grid child force a scrollbar ---- */
.mah-hero__left, .mah-hero__right, .mah-finder, .mah-finder__panel,
.mah-fbstrip__body, .mah-experts__meta { min-width: 0; }
.mah-finder__searchbar input, .mah-wiz__loc, .mah-wiz__desc,
.mah-modal input, .mah-modal select, .mah-modal textarea, .mah-share__row input { min-width: 0; max-width: 100%; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 .mah-ticker__track, .mah-emblem__sweep { animation: none !important; }
 * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ======================================================================
 INTERIOR PAGES (how-it-works, pricing, about, faq, services,
 for-professionals, contact, legal) - added for the sub-page build
 ====================================================================== */
.mah-nav__link.is-current { color: #fff; }
.mah-nav__link.is-current::after {
 content: ""; display: block; position: absolute; left: 12px; right: 12px; bottom: 2px;
 height: 2px; background: var(--mah-teal-lt); border-radius: 2px;
}
.mah-nav__group { position: relative; }

/* Page head (compact interior hero) */
.mah-pagehead {
 background: var(--mah-navy); color: var(--text-on-dark);
 text-align: center; padding: clamp(36px, 6vw, 64px) 0 clamp(28px, 4vw, 44px);
 position: relative; overflow: hidden;
}
.mah-pagehead::before {
 content: ""; position: absolute; inset: 0; pointer-events: none;
 background: radial-gradient(ellipse 60% 55% at 50% 0%, rgba(14,122,130,.28), transparent 70%);
}
.mah-pagehead > * { position: relative; }
.mah-pagehead h1 {
 font-family: var(--font-display); font-weight: 600;
 font-size: clamp(1.9rem, 4.6vw, 2.9rem); line-height: 1.15; letter-spacing: -.015em; color: #fff;
}
.mah-pagehead h1 em { font-style: italic; color: var(--mah-teal-lt); }
.mah-pagehead p { margin: 14px auto 0; max-width: 56ch; color: #B7C3D6; font-size: 1.05rem; }
.mah-pagehead .mah-btn { margin-top: 24px; }
.mah-crumbs { font-size: .78rem; color: var(--mah-grey-mid); margin-bottom: 16px; letter-spacing: .02em; }
.mah-crumbs a:hover { color: #fff; text-decoration: underline; }

/* Generic prose block */
.mah-prose { max-width: 760px; margin: 0 auto; padding: clamp(40px, 7vw, 72px) 20px; }
.mah-prose h2 { font-family: var(--font-display); font-weight: 600; font-size: 1.5rem; margin: 34px 0 12px; }
.mah-prose h2:first-child { margin-top: 0; }
.mah-prose h3 { font-size: 1.05rem; font-weight: 600; margin: 22px 0 8px; }
.mah-prose p, .mah-prose li { color: var(--text-on-light-mut); line-height: 1.7; }
.mah-prose p { margin-bottom: 14px; }
.mah-prose ul, .mah-prose ol { margin: 0 0 16px 22px; }
.mah-prose li { margin-bottom: 6px; }
.mah-prose a { color: var(--mah-teal); font-weight: 600; }
.mah-prose a:hover { text-decoration: underline; }
.mah-prose strong { color: var(--text-on-light); }
.mah-prose .mah-note {
 background: var(--mah-off-white); border-left: 3px solid var(--mah-gold);
 border-radius: var(--r-sm); padding: 14px 16px; margin: 18px 0; font-size: .9rem;
}
.mah-prose__updated { font-size: .8rem; color: var(--text-on-light-mut); margin-bottom: 24px; }

/* Feature / step lists on interior pages */
.mah-section { padding: clamp(32px, 6vw, 64px) 0; }
.mah-section--light { background: var(--bg-light); color: var(--text-on-light); }
.mah-section--dark { background: var(--bg-dark); color: var(--text-on-dark); }
.mah-section--tint { background: var(--mah-off-white); color: var(--text-on-light); }
.mah-section .mah-h2 { text-align: center; }
.mah-section > .mah-container > .mah-lead { text-align: center; }

.mah-flow { display: grid; gap: 22px; margin-top: 40px; }
@media (min-width: 800px) { .mah-flow--3 { grid-template-columns: repeat(3, 1fr); } .mah-flow--2 { grid-template-columns: 1fr 1fr; } }
.mah-flow__item { text-align: left; padding: 24px; border-radius: var(--r); border: 1px solid; }
.mah-section--dark .mah-flow__item { background: var(--surface-dark); border-color: var(--border-dark); }
.mah-section--light .mah-flow__item, .mah-section--tint .mah-flow__item { background: #fff; border-color: var(--border-light); box-shadow: var(--shadow); }
.mah-flow__n {
 width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%;
 font-family: var(--font-display); font-weight: 700; margin-bottom: 14px;
 background: rgba(14,122,130,.12); color: var(--mah-teal-d); border: 2px solid var(--mah-teal);
}
.mah-section--dark .mah-flow__n { background: var(--surface-dark); color: var(--mah-teal-lt); }
.mah-flow__item h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 6px; }
.mah-section--dark .mah-flow__item h3 { color: #fff; }
.mah-flow__item p { font-size: .9rem; color: var(--text-on-light-mut); }
.mah-section--dark .mah-flow__item p { color: var(--text-on-dark-mut); }
.mah-flow__i { font-size: 1.4rem; display: block; margin-bottom: 10px; }

/* FAQ accordion */
.mah-faq { max-width: 780px; margin: 36px auto 0; }
.mah-faq__item { border-bottom: 1px solid var(--border-light); }
.mah-faq__q {
 width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; gap: 16px;
 padding: 18px 4px; font-size: .98rem; font-weight: 600; color: var(--text-on-light);
}
.mah-faq__q::after { content: "+"; font-size: 1.3rem; color: var(--mah-teal); flex-shrink: 0; transition: transform .2s var(--ease); }
.mah-faq__item.is-open .mah-faq__q::after { content: "\2212"; }
.mah-faq__a { max-height: 0; overflow: hidden; transition: max-height .28s var(--ease); }
.mah-faq__a > div { padding: 0 4px 18px; color: var(--text-on-light-mut); font-size: .92rem; line-height: 1.65; }
.mah-faq__a a { color: var(--mah-teal); font-weight: 600; }

/* Comparison / plan mini-table */
.mah-cols { display: grid; gap: 18px; margin-top: 36px; text-align: left; }
@media (min-width: 760px) { .mah-cols--2 { grid-template-columns: 1fr 1fr; } }
.mah-cols__card { padding: 24px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); box-shadow: var(--shadow); }
.mah-section--dark .mah-cols__card { background: var(--surface-dark); border-color: var(--border-dark); }
.mah-cols__card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; }
.mah-section--dark .mah-cols__card h3 { color: #fff; }
.mah-cols__card ul { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.mah-cols__card li { position: relative; padding-left: 20px; font-size: .88rem; color: var(--text-on-light-mut); }
.mah-section--dark .mah-cols__card li { color: var(--text-on-dark-mut); }
.mah-cols__card li::before { content: "\2713"; position: absolute; left: 0; color: var(--mah-teal); font-weight: 700; }

/* Contact / simple form page */
.mah-formcard {
 max-width: 560px; margin: -40px auto 0; position: relative; z-index: 2;
 background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-lg);
 box-shadow: var(--shadow-md); padding: 28px;
}
.mah-formcard form { display: flex; flex-direction: column; gap: 14px; }
.mah-formcard label { display: flex; flex-direction: column; gap: 5px; font-size: .82rem; font-weight: 600; }
.mah-formcard input, .mah-formcard select, .mah-formcard textarea {
 padding: 11px 13px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-weight: 400; font-size: .95rem;
}
.mah-formcard input:focus-visible, .mah-formcard select:focus-visible, .mah-formcard textarea:focus-visible { outline: none; border-color: var(--mah-teal); }
.mah-formcard__done { text-align: center; padding: 16px 0; }
.mah-formcard__done p:first-child { font-weight: 600; color: var(--mah-success); font-size: 1.05rem; margin-bottom: 6px; }

/* Verification tier chips (about page) */
.mah-tiers3 { display: grid; gap: 16px; margin-top: 36px; text-align: left; }
@media (min-width: 820px) { .mah-tiers3 { grid-template-columns: repeat(3, 1fr); } }
.mah-tier3 { padding: 22px; background: #fff; border: 1px solid var(--border-light); border-top: 3px solid var(--mah-teal); border-radius: var(--r); box-shadow: var(--shadow); }
.mah-tier3:nth-child(2) { border-top-color: var(--mah-gold); }
.mah-tier3:nth-child(3) { border-top-color: var(--mah-grey-mid); }
.mah-tier3 h3 { font-size: 1rem; font-weight: 600; margin-bottom: 4px; }
.mah-tier3 span { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-on-light-mut); }
.mah-tier3 p { font-size: .86rem; color: var(--text-on-light-mut); margin-top: 8px; }

/* Draft-build banner */
.mah-draftbar {
 background: var(--mah-navy-light); color: #CFE8E6; text-align: center;
 font-size: .78rem; padding: 7px 16px; letter-spacing: .01em;
}
.mah-draftbar strong { color: #fff; }

/* ---- Inline icon chips (replaces emoji on cards) ---- */
.mah-ic {
 display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center;
 border-radius: 13px; background: rgba(14,122,130,.10); margin-bottom: 14px;
}
.mah-ic svg { width: 23px; height: 23px; fill: none; stroke: var(--mah-teal-d); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mah-section--dark .mah-ic, .mah-why .mah-ic, .mah-hero .mah-ic { background: rgba(31,167,176,.15); }
.mah-section--dark .mah-ic svg, .mah-why .mah-ic svg { stroke: var(--mah-teal-lt); }
.mah-ic--gold { background: rgba(196,151,58,.16); }
.mah-ic--gold svg { stroke: var(--mah-gold); }
.mah-card .mah-ic { margin-bottom: 12px; }
.mah-how__step .mah-ic { margin-left: auto; margin-right: auto; }

/* ======================================================================
 16. INLINE ICONS (mah_icon helper - replaces draft emoji)
 ====================================================================== */
.mah-doc__i { display: inline-flex; align-items: center; justify-content: center; }
.mah-doc__i .mah-i { width: 17px; height: 17px; color: var(--mah-teal-d); }
.mah-empty__i { line-height: 0; }
.mah-empty__i .mah-i { width: 34px; height: 34px; color: var(--mah-teal-lt); }
.mah-flow__i { line-height: 0; }
.mah-flow__i .mah-i { width: 26px; height: 26px; color: var(--mah-teal-d); }
.mah-section--dark .mah-flow__i .mah-i { color: var(--mah-teal-lt); }

/* ======================================================================
 DIRECTORY (mah-companies plugin) - find-an-accountant grid + profile
 ====================================================================== */
.mah-dir__filters { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }
.mah-dir__filters input, .mah-dir__filters select { padding: 10px 14px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .9rem; background: #fff; color: var(--text-on-light); }
.mah-dir__filters input { flex: 1; min-width: 200px; }
.mah-dir__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.mah-dir__card { display: block; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 20px; text-decoration: none; color: inherit; transition: box-shadow .15s, transform .15s; position: relative; }
a.mah-dir__card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.mah-dir__card--free { opacity: .82; border-style: dashed; }
.mah-dir__card h3 { font-size: 1.05rem; font-weight: 600; color: var(--text-on-light); margin-bottom: 4px; }
.mah-dir__meta { font-size: .84rem; color: var(--text-on-light-mut); margin-bottom: 8px; }
.mah-dir__spec { font-size: .86rem; color: var(--text-on-light-mut); margin-bottom: 10px; }
.mah-dir__reg { display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 600; color: var(--mah-teal); }
.mah-dir__reg .mah-i { width: 14px; height: 14px; }
.mah-dir__grating { font-size: .78rem; font-weight: 600; color: var(--mah-gold); margin: 0; }
.mah-dir__grating span { font-weight: 400; color: var(--text-on-light-mut); }
.mah-dir__badge { position: absolute; top: 14px; right: 14px; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; background: var(--mah-off-white); color: var(--text-on-light-mut); padding: 3px 8px; border-radius: var(--r-pill); }
.mah-dir__badge--founding { background: var(--mah-gold); color: var(--mah-navy); }
.mah-dir__card--google { cursor: pointer; }
.mah-dir__gnote { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-on-light-mut); margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--border-light); text-align: center; }
.mah-dir__pager { display: flex; gap: 6px; justify-content: center; margin-top: 32px; }
.mah-dir__pager a { padding: 8px 14px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .86rem; color: var(--text-on-light); text-decoration: none; }
.mah-dir__pager a.is-active { background: var(--mah-teal); color: #fff; border-color: var(--mah-teal); }
.mah-dir__empty { padding: 40px 26px; background: var(--mah-off-white); border: 1px dashed var(--border-light); border-radius: var(--r-lg); text-align: center; }
.mah-dir__empty-i { display: block; margin-bottom: 12px; }
.mah-dir__empty-i .mah-i { width: 34px; height: 34px; color: var(--mah-teal); }
.mah-dir__empty h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.15rem; color: var(--text-on-light); margin-bottom: 8px; }
.mah-dir__empty p { font-size: .88rem; color: var(--text-on-light-mut); margin-bottom: 18px; }
@media (max-width: 640px) { .mah-dir__filters { flex-direction: column; } .mah-dir__filters input { min-width: 0; } }

/* "Coming soon" inline tag for features not launched yet */
.mah-soon-tag { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #FBF6EA; color: #6B5218; border: 1px solid #EBDDB8; font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-family: Inter, sans-serif; }

/* Finder "no match yet" request form */
.mah-wiz__lead { display: grid; gap: 8px; margin: 14px 0 6px; text-align: left; }
.mah-wiz__lead input { width: 100%; padding: 10px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .88rem; color: var(--text-on-light); background: #fff; }
.mah-wiz__lead input:focus-visible { outline: none; border-color: var(--mah-teal); box-shadow: 0 0 0 3px rgba(14,122,130,.15); }
.mah-wiz__lead .mah-btn { width: 100%; justify-content: center; }
.mah-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.mah-wiz__lead-err { color: #b91c1c; font-size: .8rem; font-weight: 600; }
.mah-wiz__lead-small { font-size: .72rem; color: var(--text-on-light-mut); }
.mah-wiz__lead-small a { color: var(--mah-teal); }
.mah-wiz__lead-ok { margin: 14px 0; padding: 12px; border-radius: var(--r-sm); background: #EAF6F2; color: #135C47; font-weight: 600; font-size: .9rem; }
.mah-wiz__result .mah-btn--ghost { color: var(--text-on-light); border: 1px solid var(--border-light); background: #fff; }

/* ======================================================================
 20. 2026-09-25 - MLH-parity pass: founding surfaces, floating circles,
     mobile menu, and a compact/grouped phone layout.
 ====================================================================== */

/* Floating circles: one colour (teal), always bottom-right */
.mah-fstack__btn--fb { background: var(--mah-teal); color: #fff; }
.mah-fstack { right: 18px; bottom: 20px; transition: bottom .3s var(--ease); }
@media (max-width: 640px) {
 .mah-fstack { right: 14px; bottom: 16px; }
 /* (2026-10-02) no lift needed - the search tab is narrow and centred now */
}

/* Chat FAB is now the same size as the fstack pills (46px/40px) and sits
   directly above that column with the same gap rhythm, like a 4th pill. */
.mah-chat { right: 18px; bottom: 188px; transition: bottom .3s var(--ease); }
@media (max-width: 640px) {
 .mah-chat { right: 14px; bottom: 160px; }

}
/* was 110px of room for the floating circles - they now fade out at the footer (2026-10-02) */
.mah-footer__bar { padding-bottom: 22px; }
@media (max-width: 640px) { .mah-footer__bar { padding-bottom: 20px; } } /* was 120px (2026-10-02) */

/* Ticker CTA: short label on phones */
.mah-ticker__cta-short { display: none; }
@media (max-width: 640px) {
 .mah-ticker__cta { margin: 0 2px 0 6px; padding: 4px 10px; font-size: .7rem; }
 .mah-ticker__cta-long { display: none; }
 .mah-ticker__cta-short { display: inline; }
 .mah-ticker__close { width: 32px; }
}

/* Founding strip (slim, one line) */
.mah-fstrip { padding: 24px 0; background: var(--mah-navy-d, #0A1424); border-top: 1px solid rgba(196,151,58,.18); border-bottom: 1px solid rgba(196,151,58,.18); }
.mah-fstrip__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px; text-align: center; }
.mah-fstrip__pill { display: inline-block; padding: 5px 16px; border-radius: 999px; background: var(--mah-gold); color: var(--mah-navy); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mah-fstrip p { margin: 0; color: #DCE4F0; font-size: 1.05rem; }
.mah-fstrip p strong { color: #fff; }
.mah-fstrip__link { color: var(--mah-gold); font-weight: 700; font-size: 1.02rem; white-space: nowrap; }
.mah-fstrip__link:hover { color: var(--mah-gold-lt); }

/* Founding pop-up (corner card; bottom sheet on phones) */
.mah-fpop {
 position: fixed; left: 20px; bottom: 20px; z-index: 9994; width: 300px;
 background: var(--mah-navy); color: #DCE4F0; border: 1px solid rgba(196,151,58,.35);
 border-radius: var(--r-lg); padding: 18px 18px 16px; box-shadow: var(--shadow-lg);
 opacity: 0; transform: translateY(16px); transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.mah-fpop.is-in { opacity: 1; transform: none; }
.mah-fpop[hidden] { display: none; }
.mah-fpop__x { position: absolute; top: 6px; right: 8px; width: 30px; height: 30px; font-size: 1.3rem; color: #8FA0BA; }
.mah-fpop__x:hover { color: #fff; }
.mah-fpop__kicker { display: block; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--mah-gold); margin-bottom: 6px; }
.mah-fpop__h { font-family: var(--font-display); font-size: 1.08rem; font-weight: 600; color: #fff; line-height: 1.3; margin: 0 22px 6px 0; }
.mah-fpop__p { font-size: .82rem; color: #B7C3D6; margin: 0 0 12px; }
.mah-fpop__cta { width: 100%; justify-content: center; }
@media (max-width: 640px) {
 .mah-fpop { left: 0; right: 0; bottom: 0; width: auto; border-radius: 16px 16px 0 0; border-bottom: 0; padding: 18px 20px 20px; }
}

/* Founding Solo tier + 6-card grids */
.mah-tier--founding { border-color: var(--mah-gold); box-shadow: 0 12px 36px rgba(196,151,58,.16); }
.mah-tier--founding .mah-tier__tag { color: #8A6A22; }
.mah-tier__limit { font-size: .72rem; color: var(--text-on-light-mut); text-align: center; margin: -6px 0 10px; }
@media (min-width: 1100px) { .mah-tiers:has(.mah-tier--founding) { grid-template-columns: repeat(6, 1fr); gap: 10px; } }
@media (min-width: 1000px) and (max-width: 1099px) { .mah-tiers:has(.mah-tier--founding) { grid-template-columns: repeat(3, 1fr); } }

/* Finder category icons */
.mah-wiz__cats button { display: flex; align-items: center; gap: 6px; }
.mah-wiz__cats button .mah-i { width: 15px; height: 15px; flex-shrink: 0; color: var(--mah-teal); }

/* Mobile menu: full-width, actions first (MLH layout) */
.mah-mobile__actions { flex-direction: row; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mah-mobile__actions .mah-btn { flex: 1 1 40%; justify-content: center; padding: 10px 12px; font-size: .88rem; }
.mah-mobile__actions .mah-btn--ghost { border: 1px solid rgba(255,255,255,.22); }
.mah-mobile__install {
 flex: 1 1 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
 padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: var(--r-sm);
 color: #fff; font-size: .86rem; font-weight: 600; background: transparent;
}
.mah-mobile__install[hidden] { display: none; }
.mah-mobile__install .mah-i, .mah-mobile [data-mah-install] svg { width: 16px; height: 16px; flex-shrink: 0; }
@media (max-width: 1080px) {
 .mah-mobile { width: 100vw; padding: 76px 20px 40px; }
}

/* ---------------- Phone layout: compact + grouped ---------------- */
@media (max-width: 640px) {
 section { padding: 36px 0; }
 .mah-h2 { font-size: 1.35rem; }
 .mah-kicker { font-size: .66rem; margin-bottom: 8px; }
 .mah-lead { font-size: .9rem; }

 /* hero - centred, tighter, pill buttons */
 .mah-hero { padding-top: 22px; }
 .mah-hero__left { text-align: center; }
 .mah-hero__left .mah-eyebrow, .mah-hero__left > span:first-child { margin-left: auto; margin-right: auto; }
 .mah-hero__h1 { font-size: 1.75rem; line-height: 1.15; }
 .mah-hero__sub { font-size: .9rem; margin: 10px auto 12px; }
 .mah-hero__trust { align-items: center; gap: 5px; margin-bottom: 16px; }
 .mah-hero__trust li { font-size: .8rem; }
 .mah-hero__ctas { flex-direction: column; gap: 8px; }
 .mah-hero__ctas .mah-btn { width: 100%; justify-content: center; padding: 11px 16px; font-size: .92rem; border-radius: 999px; }

 /* finder - 3-across icon tiles */
 .mah-finder__panel { padding: 16px 14px; }
 .mah-finder__foot { padding: 0 14px 16px; }
 .mah-wiz__steps { margin-bottom: 12px; }
 .mah-wiz__q { font-size: .9rem; margin-bottom: 10px; }
 .mah-wiz__cats { grid-template-columns: repeat(3, 1fr); gap: 5px; }
 .mah-wiz__cats button { flex-direction: column; justify-content: center; text-align: center; gap: 4px; padding: 8px 4px; font-size: .64rem; font-weight: 600; line-height: 1.15; min-height: 58px; }
 .mah-wiz__cats button .mah-i { width: 16px; height: 16px; }
 .mah-finder__quick { flex-wrap: wrap; }

 /* trust bar - small, centred */
 .mah-trustbar { grid-template-columns: 1fr 1fr; gap: 6px 12px; font-size: .7rem; padding: 18px 0 20px; }
 .mah-trustbar span .mah-i { width: 12px; height: 12px; }

 /* stats - 2x2 */
 .mah-stats__grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
 .mah-stat { padding: 14px 12px; }
 .mah-stat__num { font-size: 1.4rem; margin-bottom: 6px; }
 .mah-stat p { font-size: .74rem; line-height: 1.4; }
 .mah-stats__src { margin-top: 12px; font-size: .66rem; }

 /* why - compact rows, icon beside title */
 .mah-why__grid { gap: 8px; margin-top: 20px; }
 .mah-card { display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; padding: 14px; align-items: start; }
 .mah-card .mah-ic { width: 38px; height: 38px; border-radius: 10px; margin: 0; grid-row: span 2; }
 .mah-card .mah-ic svg { width: 19px; height: 19px; }
 .mah-card h3 { font-size: .95rem; margin: 0 0 2px; }
 .mah-card p { font-size: .8rem; line-height: 1.45; }

 /* service areas - first 8 only, 2-col chips */
 .mah-areas__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
 .mah-areas__grid a { padding: 10px 8px; font-size: .78rem; text-align: center; }
 .mah-areas__grid a.mah-areas__more { display: none; }
 .mah-areas__foot { gap: 10px 18px; margin-top: 16px; }

 /* region + experts */
 .mah-region__tabs { margin: 18px 0 14px; gap: 6px; }
 .mah-region__tabs button { padding: 6px 12px; font-size: .74rem; }
 .mah-experts__card { padding: 16px; }

 /* how it works - compact numbered rows */
 .mah-how__steps { gap: 10px; margin-top: 20px; text-align: left; }
 .mah-how__step { display: grid; grid-template-columns: 36px 1fr; column-gap: 12px; align-items: start; }
 .mah-how__n { width: 32px; height: 32px; font-size: .85rem; margin: 0; grid-row: span 2; }
 .mah-how__step h3 { font-size: .95rem; margin: 4px 0 2px; }
 .mah-how__step p { font-size: .8rem; max-width: none; margin: 0; }

 /* pricing - swipeable row instead of a tall stack */
 .mah-tiers { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 -20px; padding: 6px 20px 14px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
 .mah-tiers::-webkit-scrollbar { display: none; }
 .mah-tier { flex: 0 0 80%; scroll-snap-align: center; padding: 18px 16px; }
 .mah-tiers + .mah-pricing__swipe { display: block; }
 .mah-pricing__soon { font-size: .82rem; margin-top: 8px; }
 .mah-pricing__note { font-size: .7rem; margin-top: 14px; }

 /* CTA band + feedback strip */
 .mah-ctaband h2 { font-size: 1.25rem; }
 .mah-ctaband__btns { flex-direction: column; gap: 8px; }
 .mah-ctaband__btns .mah-btn { width: 100%; justify-content: center; padding: 11px 16px; font-size: .92rem; }
 .mah-fbstrip__card { padding: 18px; gap: 10px; }
 .mah-fbstrip__card .mah-btn { width: 100%; justify-content: center; }

 /* footer - link columns side by side */
 .mah-footer { padding-top: 32px; }
 .mah-footer__grid { grid-template-columns: 1fr 1fr; gap: 22px 16px; padding-bottom: 24px; }
 .mah-footer__brand { grid-column: 1 / -1; }
 .mah-footer__col:last-child { grid-column: 1 / -1; columns: 2; column-gap: 16px; }
 .mah-footer__col:last-child h4 { column-span: all; }
 .mah-footer__col a { font-size: .8rem; padding: 3px 0; }
}
.mah-pricing__swipe { display: none; font-size: .72rem; color: var(--text-on-light-mut); margin: 0 0 4px; }

/* menu open: keep the header (and its close button) above the panel; hide floating extras */
body.mah-menu-open .mah-nav { z-index: 57; }
body.mah-menu-open #mah-search-prompt, body.mah-menu-open .mah-fstack, body.mah-menu-open .mah-fpop { display: none !important; }
@media (max-width: 640px) { .mah-ticker .mah-ticker__cta { display: inline-block; } }

/* ============================================================
 21. GUIDES (blog index, topic archives, single guide)
 ============================================================ */
.mah-article-meta { font-size: .88rem !important; color: #B7C3D6; }
.mah-article { font-size: 1.02rem; }
.mah-article h2 { color: var(--text-on-light); }
.mah-article h3 { color: var(--text-on-light); }
.mah-article table { width: 100%; border-collapse: collapse; margin: 18px 0 22px; font-size: .9rem; }
.mah-prose.mah-article { padding-top: 0; padding-bottom: 0; }
.mah-article th, .mah-article td { border: 1px solid var(--border-light); padding: 9px 12px; text-align: left; vertical-align: top; color: var(--text-on-light-mut); }
.mah-article th { background: var(--mah-off-white); color: var(--text-on-light); font-weight: 600; }
.mah-article blockquote { border-left: 3px solid var(--mah-teal); padding: 4px 0 4px 16px; margin: 18px 0; }
.mah-article-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 40px 0 20px; }
.mah-article-cta > div { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 20px; }
.mah-article-cta > div:first-child { border-color: var(--mah-teal); }
.mah-article-cta strong { display: block; font-size: 1rem; margin-bottom: 6px; }
.mah-article-cta p { font-size: .88rem; margin-bottom: 14px !important; }
.mah-article-cta .mah-btn { font-size: .86rem; padding: 9px 16px; }
.mah-prose .mah-article-cta a.mah-btn:hover { text-decoration: none; }
.mah-prose .mah-article-cta .mah-btn--primary { color: #fff; }
.mah-article-disc { font-size: .8rem !important; font-style: italic; }
.mah-guides-wrap { padding-top: 0; padding-bottom: 0; }
.mah-guides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mah-guide-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 22px; color: var(--text-on-light); text-decoration: none; transition: border-color .15s, transform .15s, box-shadow .15s; }
.mah-guide-card:hover { border-color: var(--mah-teal); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(14,27,50,.08); }
.mah-guide-card__cat { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mah-teal); margin-bottom: 8px; }
.mah-guide-card h2, .mah-guide-card h3 { font-family: var(--font-display); font-size: 1.12rem; font-weight: 600; line-height: 1.3; margin-bottom: 8px; color: var(--text-on-light); }
.mah-guide-card p { font-size: .88rem; color: var(--text-on-light-mut); line-height: 1.55; flex: 1; }
.mah-guide-card__more { margin-top: 14px; font-size: .84rem; font-weight: 600; color: var(--mah-teal); }
.mah-guide-cats { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 28px; }
.mah-guide-cats a { padding: 6px 14px; border: 1px solid var(--border-light); border-radius: var(--r-pill); font-size: .82rem; font-weight: 600; color: var(--text-on-light-mut); background: #fff; }
.mah-guide-cats a.is-current, .mah-guide-cats a:hover { border-color: var(--mah-teal); color: var(--mah-teal); }
.mah-guides-pag { margin-top: 28px; text-align: center; }
.mah-guides-pag .page-numbers { display: inline-block; padding: 6px 12px; margin: 0 2px; border-radius: var(--r-sm); color: var(--text-on-light-mut); font-weight: 600; }
.mah-guides-pag .page-numbers.current { background: var(--mah-teal); color: #fff; }
.mah-related { padding: clamp(36px, 6vw, 64px) 0; }
.mah-related .mah-h2 { text-align: left; margin-bottom: 20px; }
@media (max-width: 900px) { .mah-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .mah-guides, .mah-article-cta { grid-template-columns: 1fr; } .mah-article table { display: block; overflow-x: auto; } }

/* ============================================================
 22. SHARED FORM + ICON FIXES (dashboard, profiles)
 Form rules previously only printed inline by the registration shortcode,
 so the dashboard's edit form rendered unstyled.
 ============================================================ */
.mah-pr-form .mah-pr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mah-pr-form label { display: block; font-size: .82rem; font-weight: 600; color: var(--text-on-light-mut); }
.mah-pr-form input, .mah-pr-form select, .mah-pr-form textarea { width: 100%; margin-top: 5px; padding: 9px 11px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font: inherit; font-size: .92rem; background: #fff; color: var(--text-on-light); }
.mah-pr-form input[type="checkbox"], .mah-pr-form input[type="radio"] { width: auto; margin-top: 0; }
.mah-pr-form input:focus-visible, .mah-pr-form select:focus-visible, .mah-pr-form textarea:focus-visible { outline: none; border-color: var(--mah-teal); }
.mah-pr-form .mah-pr-full { display: block; margin: 14px 0 16px; }
@media (max-width: 640px) { .mah-pr-form .mah-pr-grid { grid-template-columns: 1fr; } }
.mah-btn .mah-i { width: 18px; height: 18px; flex-shrink: 0; }
.mah-btn:has(.mah-i) { gap: 8px; }
section.mah-section--light > .mah-profile { padding-top: 0; padding-bottom: 0; }
.mah-profile__main .mah-lead { margin-left: 0; margin-right: 0; margin-top: 0; }
.mah-home-guides__head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 20px; }
.mah-home-guides__head .mah-h2 { text-align: left; margin: 0; }
.mah-home-guides__head .mah-link { color: var(--mah-teal); font-weight: 600; white-space: nowrap; }
@media (max-width: 640px) { .mah-home-guides .mah-guide-card:nth-child(3) { display: none; } }

/* Floating buttons (share/feedback/translate stack + chat button) fade out while the footer is on screen (2026-10-02, same as My Book Hub).
   Only the chat button hides - an open chat panel stays put. */
.mah-fstack, .mah-chat__fab { transition: opacity .3s ease, transform .3s ease; }
html.mah-at-footer .mah-fstack, html.mah-at-footer .mah-chat__fab { opacity: 0; transform: translateY(10px); pointer-events: none; }

/* Hover label for the chat button, same as the share/feedback/translate circles (desktop mouse only, 2026-10-02) */
@media (hover: hover) and (min-width: 641px) {
 .mah-chat__fab { position: relative; }
 .mah-chat__fab::after { content: attr(data-tip); position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%);
  background: var(--mah-navy); color: #fff; font-size: .74rem; font-weight: 600; white-space: nowrap;
  padding: 5px 10px; border-radius: 6px; opacity: 0; pointer-events: none; transition: opacity .15s; }
 .mah-chat__fab:hover::after, .mah-chat__fab:focus-visible::after { opacity: 1; }
}

/* ============================================================
 23. PROFESSIONAL DASHBOARD (2026-10-11, MLH-parity rebuild)
 Areas nav + glance row + finish checklist + stats. Tokens only.
 ============================================================ */
.mah-dhead { padding-bottom: 28px; }
.mah-dhead__in { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.mah-dhead__who { display: flex; gap: 18px; align-items: center; min-width: 0; }
.mah-dhead__avatar { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--mah-teal); display: grid; place-items: center; border: 2px solid rgba(255,255,255,.18); }
.mah-dhead__avatar img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
/* Logos keep their shape (2026-10-14) */
.mah-dhead__avatar:has(img) { width: auto; min-width: 72px; max-width: 200px; border-radius: 14px; background: #fff; }
.mah-dhead__avatar:has(img) img { width: auto; max-width: 100%; }
.mah-dhead__avatar span { color: #fff; font: 700 1.9rem var(--font-display); }
.mah-dhead h1 { margin: 2px 0 8px; }
.mah-dhead__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .86rem; margin: 0; }
.mah-dhead__meta a { color: var(--mah-gold-lt); font-weight: 600; }
.mah-dhead__out { display: inline-flex; gap: 6px; align-items: center; color: var(--text-on-dark-mut); font-size: .86rem; font-weight: 600; }
.mah-dhead__out:hover { color: #fff; }
.mah-dhead__out .mah-i { width: 16px; height: 16px; }

.mah-dpill { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .02em; padding: 3px 10px; border-radius: var(--r-pill); background: rgba(255,255,255,.12); color: var(--text-on-dark); }
.mah-dpill--live { background: rgba(34,197,94,.18); color: #86efac; }
.mah-dpill--pending, .mah-dpill--pending_payment { background: rgba(196,151,58,.22); color: var(--mah-gold-lt); }
.mah-dpill--rejected, .mah-dpill--inactive { background: rgba(239,68,68,.2); color: #fca5a5; }
.mah-dpill--plan { background: rgba(31,167,176,.2); color: #99e6eb; }
.mah-section--light .mah-dpill--live { background: #dcfce7; color: #166534; }
.mah-section--light .mah-dpill--pending { background: #fef3c7; color: #92400e; }

.mah-dwrap { padding-top: 32px; }
.mah-dash { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 32px; align-items: start; max-width: 1120px; }
.mah-dnav { position: sticky; top: calc(var(--nav-h) + 16px); display: flex; flex-direction: column; gap: 4px; }
.mah-dnav__link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--r-sm); color: var(--text-on-light-mut); font-weight: 600; font-size: .92rem; transition: background .15s var(--ease), color .15s var(--ease); }
.mah-dnav__link .mah-i { width: 18px; height: 18px; flex-shrink: 0; }
.mah-dnav__link:hover { background: #fff; color: var(--text-on-light); }
.mah-dnav__link.is-current { background: #fff; color: var(--mah-teal-d); box-shadow: var(--shadow); }
.mah-dnav__count { margin-left: auto; font-style: normal; font-size: .72rem; font-weight: 700; min-width: 22px; text-align: center; padding: 1px 7px; border-radius: var(--r-pill); background: var(--mah-gold); color: #fff; }
.mah-dnav__count.is-alert { background: #dc2626; }

.mah-dmain { min-width: 0; }
.mah-darea[hidden] { display: none; }
.mah-darea { display: flex; flex-direction: column; gap: 18px; animation: mahFadeUp .25s var(--ease); }
@keyframes mahFadeUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.mah-darea__head h2 { font: 700 1.6rem var(--font-display); color: var(--text-on-light); margin: 0 0 4px; }
.mah-darea__head p { color: var(--text-on-light-mut); font-size: .93rem; margin: 0; }
.mah-darea__head a { color: var(--mah-teal); font-weight: 600; }

.mah-dcard { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 20px 22px; box-shadow: 0 1px 2px rgba(10,20,36,.04); }
.mah-dcard__title { font-size: 1.02rem; font-weight: 700; color: var(--text-on-light); margin: 0 0 12px; }
.mah-dcard__foot { display: flex; justify-content: space-between; font-size: .76rem; color: var(--text-on-light-mut); margin: 6px 0 0; }
.mah-muted { color: var(--text-on-light-mut); font-size: .9rem; }
.mah-small { font-size: .8rem; margin-top: 10px; }
.mah-flash { animation: mahFlash 1.4s var(--ease); }
@keyframes mahFlash { 0%, 60% { box-shadow: 0 0 0 3px rgba(14,122,130,.45); border-radius: var(--r-sm); } 100% { box-shadow: 0 0 0 0 rgba(14,122,130,0); } }

.mah-dnote { background: var(--mah-off-white); border: 1px solid var(--border-light); border-radius: var(--r); padding: 14px 18px; font-size: .92rem; margin-bottom: 18px; }
.mah-dnote--ok { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.mah-dnote a { color: inherit; font-weight: 700; text-decoration: underline; }

.mah-dstatus { border-left: 4px solid var(--mah-gold); }
.mah-dstatus--rejected, .mah-dstatus--inactive { border-left-color: #dc2626; }
.mah-dstatus strong { color: var(--text-on-light); }
.mah-dstatus p { color: var(--text-on-light-mut); font-size: .9rem; margin: 4px 0 0; }

.mah-glance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mah-glance__item { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 18px; display: flex; flex-direction: column; gap: 4px; }
.mah-glance__label { font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-on-light-mut); margin: 0; }
.mah-glance__big { font: 700 1.25rem var(--font-display); color: var(--text-on-light); margin: 2px 0; }
.mah-glance__note { font-size: .84rem; color: var(--text-on-light-mut); margin: 0; }
.mah-glance__note .is-alert { color: #b91c1c; font-weight: 600; }
.mah-glance__list { list-style: none; margin: 4px 0; padding: 0; font-size: .84rem; color: var(--text-on-light); }
.mah-glance__list li { padding: 3px 0; }
.mah-glance__list span { color: var(--text-on-light-mut); font-size: .78rem; }
.mah-glance__go { margin-top: auto; padding-top: 10px; color: var(--mah-teal); font-weight: 700; font-size: .86rem; }

.mah-finish__top { display: flex; gap: 18px; align-items: center; }
.mah-finish__top h3 { margin: 0 0 2px; font-size: 1.08rem; color: var(--text-on-light); }
.mah-finish__top p { margin: 0; color: var(--text-on-light-mut); font-size: .9rem; }
.mah-ring { --p: 0; width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--mah-teal) calc(var(--p) * 1%), var(--border-light) 0); }
.mah-ring span { width: 50px; height: 50px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-weight: 800; font-size: .86rem; color: var(--mah-teal-d); }
.mah-finish.is-done .mah-ring { background: var(--mah-success); }
.mah-finish__list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.mah-finish__item { width: 100%; display: flex; gap: 12px; align-items: center; text-align: left; background: var(--mah-off-white); border: 1px solid transparent; border-radius: var(--r-sm); padding: 11px 14px; cursor: pointer; font: inherit; color: var(--text-on-light); transition: border-color .15s, background .15s; }
.mah-finish__item:hover, .mah-finish__item:focus-visible { border-color: var(--mah-teal); background: #fff; outline: none; }
.mah-finish__item strong { display: block; font-size: .9rem; }
.mah-finish__item small { display: block; color: var(--text-on-light-mut); font-size: .8rem; }
.mah-finish__dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--mah-gold); flex-shrink: 0; }
.mah-finish__go { margin-left: auto; color: var(--mah-teal); font-weight: 700; font-size: .84rem; white-space: nowrap; }

.mah-dempty { text-align: center; padding: 32px 22px; }
.mah-dempty .mah-i { width: 32px; height: 32px; color: var(--mah-teal); }
.mah-dempty p { color: var(--text-on-light-mut); font-size: .9rem; max-width: 440px; margin: 6px auto 0; }
.mah-dempty strong { color: var(--text-on-light); }

.mah-inbox { display: flex; flex-direction: column; gap: 8px; }
.mah-inbox__item { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-sm); }
.mah-inbox__item[open] { box-shadow: var(--shadow); }
.mah-inbox__item summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; padding: 14px 16px; font-size: .92rem; flex-wrap: wrap; }
.mah-inbox__item summary::-webkit-details-marker { display: none; }
.mah-inbox__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mah-gold); flex-shrink: 0; }
.mah-inbox__item--read .mah-inbox__dot, .mah-inbox__item--replied .mah-inbox__dot { background: var(--border-light); }
.mah-inbox__item--unread .mah-inbox__from { font-weight: 800; }
.mah-inbox__from { font-weight: 600; color: var(--text-on-light); }
.mah-inbox__svc, .mah-inbox__date { color: var(--text-on-light-mut); font-size: .82rem; }
.mah-inbox__tag { font-size: .7rem; font-weight: 700; background: #dcfce7; color: #166534; border-radius: var(--r-pill); padding: 2px 8px; }
.mah-inbox__date { margin-left: auto; }
.mah-inbox__body { padding: 0 16px 16px 35px; }
.mah-inbox__body p { color: var(--text-on-light); font-size: .92rem; }
.mah-inbox__email a { font-size: .84rem; color: var(--mah-teal); }
.mah-inbox__reply { margin-top: 10px; padding: 10px 12px; background: var(--mah-off-white); border-radius: var(--r-sm); font-size: .88rem; }
.mah-inbox__reply-form textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font: inherit; font-size: .92rem; margin: 10px 0 8px; resize: vertical; }
.mah-inbox__reply-form textarea:focus-visible { outline: none; border-color: var(--mah-teal); }

.mah-avatar-widget { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.mah-avatar-preview { width: 92px; height: 92px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--mah-teal); display: grid; place-items: center; border: 1px solid var(--border-light); }
.mah-avatar-preview img { width: 100%; height: 100%; object-fit: contain; }
/* Logos keep their shape (2026-10-14): preview matches the profile page tile */
.mah-avatar-preview:has(img) { width: auto; min-width: 92px; max-width: 240px; border-radius: 14px; background: #fff; }
.mah-avatar-preview:has(img) img { width: auto; max-width: 100%; }
.mah-avatar-fallback { color: #fff; font: 700 2.2rem var(--font-display); }
.mah-avatar-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mah-avatar-hint { flex-basis: 100%; font-size: .8rem; color: var(--text-on-light-mut); margin: 0; }
.mah-linkbtn { background: none; border: 0; padding: 0; font: inherit; font-size: .86rem; font-weight: 600; color: var(--mah-teal); cursor: pointer; }
.mah-linkbtn--danger { color: #b91c1c; }
.mah-dash__form .mah-pr-full { margin-bottom: 6px; }
.mah-count { display: block; text-align: right; font-weight: 500; font-size: .74rem; margin-top: 4px; }
.mah-dash__save { display: flex; align-items: center; gap: 14px; margin-top: 10px; }
.mah-saved { color: var(--mah-teal-d); font-weight: 700; font-size: .88rem; }
.mah-saved.is-err { color: #b91c1c; }
#services-wrap > h2:first-child { margin-top: 0 !important; font: 700 1.02rem var(--font-sans); }

.mah-dstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mah-dstat { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 16px; }
.mah-dstat span { display: block; font-size: .76rem; color: var(--text-on-light-mut); font-weight: 600; }
.mah-dstat b { display: block; font: 700 1.6rem var(--font-display); color: var(--text-on-light); margin-top: 4px; }
.mah-spark { width: 100%; height: 70px; display: block; }
.mah-spark polyline { fill: none; stroke: var(--mah-teal); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.mah-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mah-bars li { display: grid; grid-template-columns: minmax(0, 220px) 1fr 40px; gap: 12px; align-items: center; font-size: .86rem; color: var(--text-on-light); }
.mah-bars i { height: 8px; border-radius: 4px; background: var(--mah-off-white); position: relative; overflow: hidden; }
.mah-bars i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--mah-teal); border-radius: 4px; }
.mah-bars b { text-align: right; }
.mah-copy { display: flex; gap: 8px; margin: 10px 0; }
.mah-copy input { flex: 1; min-width: 0; padding: 9px 11px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font: inherit; font-size: .88rem; background: var(--mah-off-white); color: var(--text-on-light); }
.mah-share { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; }
.mah-share a { display: inline-flex; gap: 6px; align-items: center; color: var(--mah-teal); font-weight: 600; font-size: .88rem; }
.mah-share .mah-i { width: 16px; height: 16px; }
.mah-dbadge { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.mah-dbadge .mah-muted { margin: 0 0 12px; }
.mah-dupsell { border-color: var(--mah-teal); background: linear-gradient(135deg, #fff, rgba(14,122,130,.05)); }
.mah-dupsell p { color: var(--text-on-light-mut); margin: 0 0 14px; }
.mah-dfounding { display: flex; gap: 14px; align-items: flex-start; border-color: var(--mah-gold); }
.mah-dfounding .mah-i { width: 28px; height: 28px; color: var(--mah-gold); flex-shrink: 0; }
.mah-dfounding p { margin: 2px 0 0; color: var(--text-on-light-mut); font-size: .9rem; }

.mah-inv { width: 100%; border-collapse: collapse; font-size: .86rem; }
.mah-inv th { text-align: left; font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-on-light-mut); padding: 0 8px 8px 0; }
.mah-inv td { padding: 9px 8px 9px 0; border-top: 1px solid var(--border-light); color: var(--text-on-light); }
.mah-inv a { color: var(--mah-teal); font-weight: 600; }

.mah-acct-row { display: flex; gap: 14px; align-items: flex-end; padding: 14px 0; border-bottom: 1px solid var(--border-light); }
.mah-acct-row:first-of-type { padding-top: 0; }
.mah-acct-row label { flex: 1; min-width: 0; font-size: .82rem; font-weight: 600; color: var(--text-on-light-mut); }
.mah-acct-row label small { font-weight: 400; }
.mah-acct-row input { width: 100%; margin-top: 6px; padding: 9px 11px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font: inherit; font-size: .92rem; color: var(--text-on-light); background: #fff; }
.mah-acct-row input:focus-visible { outline: none; border-color: var(--mah-teal); }
.mah-acct-row .mah-btn { flex: none; }
.mah-acct-msg { margin: 12px 0 0; font-size: .86rem; font-weight: 600; color: var(--mah-teal-d); }
.mah-acct-msg.is-err { color: #b91c1c; }
.mah-dcard .mah-plan > h2 { margin-top: 0 !important; font: 700 1.02rem var(--font-sans) !important; }

@media (max-width: 900px) {
 .mah-dash { grid-template-columns: 1fr; gap: 18px; }
 .mah-dnav { top: var(--nav-h); z-index: 20; flex-direction: row; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 8px 16px; background: var(--bg-light); border-bottom: 1px solid var(--border-light); }
 .mah-dnav::-webkit-scrollbar { display: none; }
 .mah-dnav__link { flex: none; padding: 8px 12px; font-size: .86rem; }
 .mah-dnav__count { margin-left: 4px; }
 .mah-glance { grid-template-columns: 1fr; }
 .mah-dstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
 .mah-dhead__avatar { width: 56px; height: 56px; } .mah-dhead__avatar:has(img) { width: auto; max-width: 150px; }
 .mah-dcard { padding: 16px; }
 .mah-acct-row { flex-direction: column; align-items: stretch; }
 .mah-acct-row .mah-btn { align-self: flex-start; }
 .mah-bars li { grid-template-columns: 1fr 60px 32px; }
 .mah-finish__go { display: none; }
 .mah-inv th:nth-child(2), .mah-inv td:nth-child(2) { display: none; }
}
.mah-dhead { text-align: left; }
.mah-darea { padding: 0; }
body.page-template-page-dashboard #mah-search-prompt, body.page-template-page-login #mah-search-prompt { display: none !important; }

.mah-dcard .mah-plan .mah-lead { font-size: .95rem; max-width: none; }
.mah-conc { border-style: dashed; } .mah-conc form { margin-top: 12px; }
.mah-dwant { display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; justify-content: space-between; border-color: var(--mah-teal); background: linear-gradient(135deg, #fff, rgba(14,122,130,.07)); }
.mah-dwant > div { flex: 1 1 320px; }
.mah-dwant strong { color: var(--text-on-light); font-size: 1.02rem; }
.mah-dwant p { color: var(--text-on-light-mut); font-size: .9rem; margin: 4px 0 0; }
.mah-dwant__err { flex-basis: 100%; color: #b91c1c; font-weight: 600; font-size: .85rem; margin: 0; }
/* Closed mobile menu is off-screen: hide it from keyboard/screen readers too, after the slide-out (2026-10-11) */
.mah-mobile { visibility: hidden; transition: transform .28s var(--ease), visibility 0s linear .28s; }
.mah-mobile.is-open { visibility: visible; transition: transform .28s var(--ease), visibility 0s; }
/* Directory filters on phones: column + wrap made every field as wide as the longest dropdown option (389px on a 390px screen) - 2026-10-11 */
@media (max-width: 640px) { .mah-dir__filters { flex-wrap: nowrap; } .mah-dir__filters > * { width: 100%; min-width: 0; max-width: 100%; } }
.mah-tpl-notice { border-radius: var(--r); padding: 14px 18px; margin: 0 0 20px; font-size: .92rem; border: 1px solid var(--border-light); background: var(--mah-off-white); color: var(--text-on-light); }
.mah-tpl-notice--ok { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.mah-tpl-notice--err { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.mah-tpl-notice .mah-btn { display: inline-flex; }

/* Phone bottom bar (2026-10-12, same as My Legal Hub): replaces the right-hand
   circles, the chat button, the left "Help grow MAH" tab and the "Find an
   Accountant" pill on phones. The old buttons stay in the page (hidden) so their
   panels keep working; the bar just triggers them. Desktop unchanged. */
#mah-dock, #mah-dock-more { display: none; }
@media (max-width: 640px) {
  html.mah-dock-on #mah-search-prompt, html.mah-dock-on #mahr-tab { display: none !important; }
  html.mah-dock-on .mah-fstack { bottom: 84px !important; right: 14px !important; pointer-events: none; }
  html.mah-dock-on .mah-fstack .mah-fstack__btn,
  html.mah-dock-on .mah-chat__fab { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
  html.mah-dock-on .mah-translate-panel { pointer-events: auto; }
  html.mah-dock-on .mah-chat { bottom: 82px !important; right: 12px !important; }
  #mah-dock { display: flex; position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); height: 58px; z-index: 46; background: var(--mah-navy, #0B1830); border: 1px solid rgba(201,168,76,.22); border-radius: 18px; box-shadow: 0 8px 24px rgba(0,0,0,.28); justify-content: space-around; align-items: stretch; padding: 0 4px; transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .28s ease; }
  #mah-dock.is-hidden, html.mah-at-footer #mah-dock { transform: translateY(calc(100% + 24px)); opacity: 0; pointer-events: none; }
  #mah-dock .mah-dock__btn { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: none; border: 0; color: #dfe9ee; font: 600 10.5px/1 'Inter', -apple-system, sans-serif; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  #mah-dock .mah-dock__btn svg { width: 20px; height: 20px; }
  #mah-dock .mah-dock__btn--pri, #mah-dock .mah-dock__btn[aria-expanded="true"] { color: var(--mah-gold-lt, #E0BD5F); }
  #mah-dock-more { position: fixed; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); z-index: 47; background: var(--mah-navy, #0B1830); border: 1px solid rgba(201,168,76,.22); border-radius: 14px; box-shadow: 0 10px 28px rgba(0,0,0,.3); padding: 6px; min-width: 190px; flex-direction: column; }
  #mah-dock-more.is-open { display: flex; }
  #mah-dock-more button { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: none; border: 0; border-radius: 10px; color: #dfe9ee; font: 600 14px 'Inter', -apple-system, sans-serif; text-align: left; cursor: pointer; }
  #mah-dock-more button svg { width: 18px; height: 18px; color: var(--mah-gold-lt, #E0BD5F); flex: none; }
  #mah-dock-more button:active { background: rgba(255,255,255,.06); }
  html.mah-at-footer #mah-dock-more { display: none; }
}

/* Footer on phones (2026-10-12, same as My Legal Hub): logo centred, tagline
   hidden, each link group as centred wrapping lines. Every link kept. */
@media (max-width: 640px) {
  .mah-footer { padding-top: 28px; }
  .mah-footer .mah-footer__grid { display: block; padding-bottom: 6px; }
  .mah-footer .mah-footer__brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px; }
  .mah-footer .mah-footer__brand img { margin: 0; width: 34px; height: 34px; }
  .mah-footer .mah-footer__brand strong { margin: 0; }
  .mah-footer .mah-footer__brand p { display: none; }
  .mah-footer .mah-footer__col, .mah-footer .mah-footer__col:last-child { columns: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.08); }
  .mah-footer .mah-footer__col h4 { display: none; }
  .mah-footer .mah-footer__col a { display: inline-block; font-size: 13px; line-height: 1.4; padding: 5px 0; }
  .mah-footer .mah-footer__col a[hidden] { display: none; }
  .mah-footer .mah-footer__bar { padding-top: 14px; }
  .mah-footer .mah-footer__bar p { text-wrap: balance; }
}

/* Homepage on phones (2026-10-12, matches My Legal Hub's compaction):
   "Why" shows 3 reasons + one "Show all 6 reasons" button; smaller gap above the trust badges. */
@media (max-width: 640px) {
  .mah-why.mah-why-fold:not(.is-open) .mah-why__grid > .mah-card:nth-child(n+4) { display: none; }
  .mah-why .mah-why-more { display: block; margin: 14px auto 0; font: 600 13px 'Inter', -apple-system, sans-serif; color: var(--mah-teal-lt, #1FA7B0); background: none; border: 1px solid rgba(31,167,176,.35); border-radius: 50px; padding: 8px 20px; cursor: pointer; }
  .mah-hero .mah-trustbar { margin-top: 16px; }
}
@media (min-width: 641px) { .mah-why .mah-why-more { display: none; } }

/* ======================================================================
 24. SIGNED-IN ACCOUNT - header photo pill + "View profile" window (2026-10-13, from MBH)
 ====================================================================== */
.mah-acct { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px !important; }
.mah-acct__av, .mah-acct__hav { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--mah-gold), var(--mah-gold-lt)); color: var(--mah-navy); font: 800 14px var(--font-sans); border: 2px solid var(--mah-gold-lt); }
.mah-acct__av img, .mah-acct__hav img { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }
.mah-acct__name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mah-mega--acct { min-width: 300px; }
.mah-acct__head { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px 14px; margin-bottom: 6px; border: 0; border-bottom: 1px solid var(--border-light); background: none; cursor: pointer; text-align: left; font: inherit; }
.mah-acct__hav { width: 52px; height: 52px; font-size: 20px; }
.mah-acct__htxt { min-width: 0; flex: 1; }
.mah-acct__htxt b { display: block; font-size: 1rem; color: var(--text-on-light); }
.mah-acct__htxt small { display: block; font-size: .82rem; color: var(--text-on-light-mut); overflow-wrap: anywhere; }
.mah-acct__htxt em { display: block; font-style: normal; font-size: .78rem; font-weight: 700; color: var(--mah-teal); margin-top: 2px; }
.mah-acct__view { display: block; width: calc(100% - 16px); margin: 6px 8px 4px; padding: 10px 12px; border-radius: var(--r-pill); border: 1px solid var(--mah-teal); background: none; color: var(--mah-teal); font: 700 .86rem var(--font-sans); cursor: pointer; }
.mah-acct__view:hover, .mah-acct__head:hover { background: var(--bg-light); }
.mah-acct-m { display: none; width: 40px; height: 40px; padding: 0; margin-left: auto; margin-right: 8px; border: 0; background: none; cursor: pointer; border-radius: 50%; }
.mah-acct-m .mah-acct__av { width: 36px; height: 36px; font-size: 15px; }
@media (max-width: 1279px) { .mah-acct-m { display: inline-flex; align-items: center; justify-content: center; } }

.mah-pv { position: fixed; inset: 0; z-index: 100050; background: rgba(5, 12, 26, .72); display: flex; align-items: center; justify-content: center; padding: 16px; overflow-y: auto; font-family: var(--font-sans); }
.mah-pv[hidden] { display: none; }
body.mah-pv-open { overflow: hidden; }
.mah-pv__card { position: relative; margin: auto; width: 100%; max-width: 380px; background: var(--mah-navy); border: 1px solid var(--border-dark); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); padding: 26px 22px 20px; text-align: center; color: var(--text-on-dark); }
.mah-pv__ph { width: 170px; height: 170px; margin: 6px auto 14px; border-radius: 50%; overflow: hidden; border: 3px solid var(--mah-gold-lt); background: linear-gradient(135deg, var(--mah-gold), var(--mah-gold-lt)); color: var(--mah-navy); display: flex; align-items: center; justify-content: center; font: 800 60px var(--font-sans); }
.mah-pv__ph img { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }
.mah-pv__ph.has-img { cursor: zoom-in; transition: width .25s, height .25s; }
.mah-pv__ph.big { width: min(320px, 80vw); height: min(320px, 80vw); cursor: zoom-out; }
.mah-pv h3 { margin: 0 0 4px; font-family: var(--font-display); font-size: 1.4rem; color: var(--mah-white); }
.mah-pv__rows { display: grid; gap: 8px; margin: 14px 0 16px; text-align: left; }
.mah-pv__row { background: var(--surface-dark); border: 1px solid var(--border-dark); border-radius: var(--r-sm); padding: 9px 12px; }
.mah-pv__row small { display: block; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mah-gold-lt); }
.mah-pv__row span { display: block; font-size: .92rem; overflow-wrap: anywhere; color: var(--text-on-dark); }
.mah-pv__btns { display: grid; gap: 8px; }
.mah-pv__btns a, .mah-pv__btns button { display: block; padding: 11px 14px; border-radius: var(--r-pill); font: 700 .9rem var(--font-sans); text-decoration: none; cursor: pointer; border: 1px solid var(--border-dark); background: var(--surface-dark); color: var(--mah-white); }
.mah-pv__btns a:hover, .mah-pv__btns button:hover { border-color: var(--mah-gold-lt); }
.mah-pv__btns .mah-pv__gold { background: linear-gradient(135deg, var(--mah-gold), var(--mah-gold-lt)); color: var(--mah-navy); border-color: var(--mah-gold-lt); }
.mah-pv__x { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border-dark); background: var(--surface-dark); color: var(--mah-white); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.mah-pv__x:hover { border-color: var(--mah-gold-lt); color: var(--mah-gold-lt); }
.mah-pv__x svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) { .mah-pv__ph.has-img { transition: none; } }
.mah-acct-m + .mah-nav__burger { margin-left: 0; }

/* ======================================================================
 25. BACK LINK on inner pages (2026-10-13, matches MLH: one size 34px tall / 14px text)
 ====================================================================== */
.mah-backlink { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 14px; padding: 6px 12px 6px 8px; min-height: 34px; border-radius: var(--r-pill); font: 600 14px/1 var(--font-sans); text-decoration: none !important; color: var(--mah-gold-lt) !important; background: rgba(196, 151, 58, .12); position: relative; z-index: 2; width: max-content; }
.mah-backlink:hover { background: rgba(196, 151, 58, .22); }
.mah-backlink svg { width: 16px; height: 16px; flex: none; }
.mah-backlink--light { color: var(--mah-teal) !important; background: var(--bg-light); border: 1px solid var(--border-light); }
.mah-backlink--light:hover { background: var(--mah-white); }
main .mah-backlink { display: flex; margin: 0 auto 14px 0; }

/* Directory: town box + distance chip on Google backfill cards (2026-10-14, nearest-first search) */
.mah-dir__filters input.mah-dir__loc { flex: 0 1 200px; min-width: 160px; }
.mah-dir__dist { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; font-weight: 600; color: var(--mah-teal-d, #157E86); margin: -2px 0 8px; }
.mah-dir__dist svg { width: 13px; height: 13px; }
@media (max-width: 640px) { .mah-dir__filters input.mah-dir__loc { flex: none; } }

/* ======================================================================
 26. HOMEPAGE POLISH 2026-10-14 (MLH parity): icon motion, service pill
 icons, wizard Start over, search clear (x)
 ====================================================================== */
.mah-areas__grid a { display: inline-flex; align-items: center; gap: 7px; }
.mah-areas__grid a .mah-i { width: 15px; height: 15px; flex: none; color: var(--mah-teal); }
@media (max-width: 640px) { .mah-areas__grid a { justify-content: center; } .mah-areas__grid a .mah-i { width: 13px; height: 13px; } }

.mah-wiz__resetbar { display: none; margin: -10px 0 10px; text-align: right; }
.mah-wiz__resetbar.is-on { display: block; }
.mah-wiz__resetbar button { background: none; border: 0; padding: 2px 0; font-size: .76rem; font-weight: 600; color: var(--mah-teal-d, #157E86); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

.mah-finder__clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--text-on-light-mut); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; }
.mah-finder__clear[hidden] { display: none; }
.mah-finder__clear:hover { background: rgba(14,122,130,.08); color: var(--mah-teal-d, #157E86); }
.mah-finder__inputwrap input { padding-right: 38px; }

/* Icons rise once as their section scrolls in (class set by mah-search.js) */
html.mah-icons-anim body.mah-front-page :is(.mah-wiz__cats .mah-i, .mah-trustbar .mah-i, .mah-ic, .mah-doc__i, .mah-areas__grid .mah-i, .mah-how__n) { opacity: 0; }
html.mah-icons-anim body.mah-front-page .mah-ic-in { animation: mah-ic-in .55s cubic-bezier(.2,.7,.3,1) calc(var(--ic-i, 0) * 55ms) both; }
@keyframes mah-ic-in {
 from { opacity: 0; transform: translateY(7px) scale(.9); }
 to { opacity: 1; transform: none; }
}
body.mah-front-page :is(.mah-wiz__cats .mah-i, .mah-ic svg, .mah-doc__i svg, .mah-areas__grid .mah-i) { transition: transform .22s ease; }
@media (hover: hover) {
 body.mah-front-page .mah-wiz__cats button:hover .mah-i,
 body.mah-front-page .mah-areas__grid a:hover .mah-i,
 body.mah-front-page .mah-doc:hover .mah-doc__i svg { transform: translateY(-2px) scale(1.12); }
 body.mah-front-page .mah-card:hover .mah-ic svg { transform: translateY(-2px) rotate(-8deg); }
}
@media (prefers-reduced-motion: reduce) {
 html.mah-icons-anim body.mah-front-page :is(.mah-wiz__cats .mah-i, .mah-trustbar .mah-i, .mah-ic, .mah-doc__i, .mah-areas__grid .mah-i, .mah-how__n) { opacity: 1; animation: none; }
}
.mah-experts .mah-btn--outline { margin-top: 18px; }

/* ======================================================================
 27. LESS IS MORE ON PHONES 2026-10-14: feature cards become compact rows
 (icon left, title + line right) on every inner page that uses .mah-flow
 ====================================================================== */
@media (max-width: 640px) {
 .mah-flow { gap: 10px !important; }
 .mah-flow__item { display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; align-items: start; padding: 14px 16px; }
 .mah-flow__item > :not(.mah-flow__i) { grid-column: 2; }
 .mah-flow__item > .mah-flow__i { grid-column: 1; grid-row: 1 / span 4; margin: 2px 0 0; }
 .mah-flow__i .mah-i { width: 22px; height: 22px; }
 .mah-flow__item h3 { font-size: .98rem; margin-bottom: 3px; }
 .mah-flow__item p { font-size: .86rem; line-height: 1.5; }
}

/* ======================================================================
 28. FOOTER REGROUP 2026-10-14 (MLH parity): 4 groups, legal row,
 phones = labelled rows that open with +
 ====================================================================== */
@media (min-width: 640px) { .mah-footer__grid { grid-template-columns: 1.3fr repeat(4, 1fr); } }
@media (min-width: 640px) and (max-width: 1000px) { .mah-footer__grid { grid-template-columns: repeat(2, 1fr); } .mah-footer__brand { grid-column: 1 / -1; } }
.mah-footer__toggle { all: unset; display: block; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; cursor: default; }
.mah-footer__plus { display: none; }
.mah-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: .8rem; }
.mah-footer__legal a { color: #A9B7CE; }
.mah-footer__legal a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
 .mah-footer .mah-footer__brand { flex-direction: column; gap: 6px; text-align: center; }
 .mah-footer .mah-footer__brand p { display: block; margin: 4px auto 0; font-size: .84rem; max-width: 300px; }
 .mah-footer .mah-footer__col, .mah-footer .mah-footer__col:last-child { display: block; padding: 0; columns: auto; }
 .mah-footer .mah-footer__col:last-child { border-bottom: 1px solid rgba(255,255,255,.08); }
 .mah-footer .mah-footer__col h4 { display: block; margin: 0; padding: 0; border: 0; font-size: .95rem; letter-spacing: 0; text-transform: none; }
 .mah-footer .mah-footer__toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; padding: 15px 2px; cursor: pointer; font-weight: 600; }
 .mah-footer .mah-footer__plus { display: block; position: relative; width: 14px; height: 14px; flex: none; }
 .mah-footer .mah-footer__plus::before, .mah-footer .mah-footer__plus::after { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; border-radius: 1px; background: currentColor; transition: transform .2s ease; }
 .mah-footer .mah-footer__plus::after { transform: rotate(90deg); }
 .mah-footer .is-open .mah-footer__plus::after { transform: rotate(0deg); }
 .mah-footer .mah-footer__links { display: none; }
 .mah-footer .is-open .mah-footer__links { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; padding: 0 2px 14px; }
 .mah-footer .is-open .mah-footer__links a { font-size: 14px; padding: 7px 0; text-align: left; }
 .mah-footer .mah-footer__links a[hidden] { display: none; }
}

/* ======================================================================
 29. CLIENT ACCOUNT HUB /my-account/ (2026-10-14, MLH parity)
 ====================================================================== */
.mah-acc__wrap { max-width: 640px; display: flex; flex-direction: column; gap: 16px; }
.mah-acc__auth { width: 100%; max-width: 440px; margin: 0 auto; }
.mah-acc__tabs { display: flex; gap: 4px; padding: 4px; background: var(--mah-off-white); border-radius: var(--r-pill); margin-bottom: 18px; }
.mah-acc__tabs button { flex: 1; padding: 9px 10px; border: 0; border-radius: var(--r-pill); background: transparent; font-weight: 600; font-size: .9rem; color: var(--text-on-light-mut); cursor: pointer; }
.mah-acc__tabs button[aria-selected="true"] { background: #fff; color: var(--text-on-light); box-shadow: 0 1px 4px rgba(14,27,50,.12); }
.mah-acc__form { display: flex; flex-direction: column; gap: 12px; }
.mah-acc__form[hidden] { display: none; }
.mah-acc__form label, .mah-acc-find__form label { display: flex; flex-direction: column; gap: 5px; font-size: .84rem; font-weight: 600; color: var(--text-on-light); }
.mah-acc__form input, .mah-acc-find__form input { padding: 11px 13px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .95rem; font-weight: 400; background: #fff; color: var(--text-on-light); }
.mah-acc__form .mah-btn, .mah-acc-find__form .mah-btn { justify-content: center; }
.mah-acc__err { font-size: .85rem; color: #B42318; margin: 0; }
#mahAccDetails .mah-acc__err { color: var(--mah-success, #2F855A); }
.mah-acc__small { font-size: .78rem; color: var(--text-on-light-mut); margin: 0; }
.mah-acc-card { background: #fff; border: 1px solid var(--border-light); border-radius: var(--r); padding: 20px; box-shadow: var(--shadow); }
.mah-acc-card h2 { font-family: var(--font-display); font-size: 1.2rem; font-weight: 600; margin: 0 0 12px; color: var(--text-on-light); }
.mah-acc-muted { font-size: .88rem; color: var(--text-on-light-mut); margin: 0; }
.mah-acc-label { font-size: .78rem; font-weight: 600; color: var(--text-on-light-mut); margin: 14px 0 6px; }
.mah-acc-find__form { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 10px; align-items: end; }
@media (max-width: 640px) { .mah-acc-find__form { grid-template-columns: 1fr; } }
.mah-acc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mah-acc-chip { padding: 5px 12px; border: 1px solid var(--border-light); border-radius: var(--r-pill); font-size: .8rem; color: var(--text-on-light); }
.mah-acc-chip:hover { border-color: var(--mah-teal); color: var(--mah-teal-d); }
.mah-acc-enq { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mah-acc-enq__item { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--border-light); border-radius: var(--r-sm); }
.mah-acc-enq__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mah-acc-enq__name { font-weight: 600; color: var(--text-on-light); }
a.mah-acc-enq__name:hover { color: var(--mah-teal-d); }
.mah-acc-enq__meta { font-size: .8rem; color: var(--text-on-light-mut); }
.mah-acc-enq__reply summary { font-size: .8rem; font-weight: 600; color: var(--mah-teal-d); cursor: pointer; margin-top: 4px; }
.mah-acc-enq__reply p { font-size: .86rem; margin: 6px 0 0; color: var(--text-on-light); }
.mah-acc-pill { flex: none; font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: var(--r-pill); }
.mah-acc-pill--ok { background: rgba(47,133,90,.12); color: #22663F; }
.mah-acc-pill--pending { background: rgba(14,122,130,.10); color: var(--mah-teal-d, #157E86); }
.mah-acc-pill--closed { background: var(--mah-off-white); color: var(--text-on-light-mut); }
.mah-acc-details summary { list-style: none; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; cursor: pointer; }
.mah-acc-details summary::-webkit-details-marker { display: none; }
.mah-acc-details summary h2 { margin: 0; }
.mah-acc-details summary::after { content: "+"; flex: none; width: 22px; height: 22px; border: 1.5px solid var(--mah-teal); border-radius: 50%; color: var(--mah-teal); display: flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1; }
.mah-acc-details[open] summary::after { content: "\2212"; background: var(--mah-teal); color: #fff; }
.mah-acc-details[open] summary { margin-bottom: 14px; }
.mah-acc .mah-authcard__link { text-align: center; font-size: .86rem; margin: 6px 0 0; }
.mah-acc .mah-authcard__divider { height: 1px; background: var(--border-light); margin: 18px 0 8px; }

/* 30. Search type-ahead box (lives on <body>, MLH parity 2026-10-14) */
.mah-sugg { position: absolute; z-index: 1200; list-style: none; margin: 0; padding: 6px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-sm); box-shadow: 0 12px 32px rgba(10,30,50,.16); max-width: calc(100vw - 24px); }
.mah-sugg li { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 6px; font-size: .92rem; color: var(--text-on-light); cursor: pointer; }
.mah-sugg li svg { flex: none; color: var(--text-on-light-mut); }
.mah-sugg li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mah-sugg li em { flex: none; font-style: normal; font-size: .76rem; color: var(--text-on-light-mut); }
.mah-sugg li:hover, .mah-sugg li.is-on { background: rgba(14,122,130,.08); }
.mah-sugg li:hover svg, .mah-sugg li.is-on svg { color: var(--mah-teal); }

/* 31. Phone bar More panel: currency row + detected country line (MLH parity 2026-10-14) */
#mah-dock-more .mah-dock-more__ccy { display: flex; align-items: center; gap: 6px; padding: 10px 10px 6px; margin-top: 4px; border-top: 1px solid rgba(255,255,255,.08); }
#mah-dock-more .mah-dock-more__ccy span { font: 600 12px 'Inter', sans-serif; color: #9fb3c0; margin-right: auto; padding-right: 8px; }
#mah-dock-more .mah-dock-more__ccy button { padding: 6px 9px; font-size: 12px; gap: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; }
#mah-dock-more .mah-dock-more__ccy button.is-on { background: var(--mah-gold-lt, #E0BD5F); border-color: var(--mah-gold-lt, #E0BD5F); color: #0B1830; }
#mah-dock-more .mah-dock-more__geo { margin: 0; padding: 2px 12px 8px; font: 500 11.5px/1.4 'Inter', sans-serif; color: #9fb3c0; }

/* 32. Inner pages: no decorative uppercase labels above headings, calmer section headings
   (MLH parity 2026-10-14 - same "template look" clean-up as MLH's 2026-10-13 pass) */
body:not(.mah-front-page) :is(.mah-eyebrow, .mah-fnd-eyebrow) { display: none !important; }
body:not(.mah-front-page) .mah-kicker { text-transform: none; letter-spacing: 0; font-size: .86rem; }
body:not(.mah-front-page) .mah-h2 { font-size: clamp(1.35rem, 2.6vw, 1.9rem); }
/* Consent tick sits beside its text (the column label rule stacked it above) - 2026-10-14 */
.mah-formcard label.mah-pr-consent { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; }
.mah-formcard label.mah-pr-consent input { width: auto; flex: none; margin-top: 3px; }

/* 33. Services: "Find one near you" link per card; phones = compact rows for cards with .mah-ic too (2026-10-14) */
.mah-svc__go { display: inline-block; margin-top: 10px; font-size: .86rem; font-weight: 600; color: var(--mah-teal-d); text-decoration: none; }
.mah-svc__go:hover { text-decoration: underline; text-underline-offset: 3px; }
.mah-section--dark .mah-svc__go { color: var(--mah-teal-lt); }
@media (max-width: 640px) {
 .mah-flow__item > :not(.mah-flow__i):not(.mah-ic) { grid-column: 2; }
 .mah-flow__item > .mah-ic { grid-column: 1; grid-row: 1 / span 4; width: 34px; height: 34px; margin: 0; }
 .mah-flow__item > .mah-ic svg { width: 19px; height: 19px; }
 .mah-flow { grid-template-columns: 1fr !important; }
 .mah-svc__go { margin-top: 6px; font-size: .84rem; }
}

/* 34. About: review tiers fold on phones (summary = label + title, + to open) - 2026-10-14 */
details.mah-tier3 summary { list-style: none; cursor: pointer; display: block; position: relative; }
details.mah-tier3 summary::-webkit-details-marker { display: none; }
@media (max-width: 640px) {
 .mah-tiers3 { gap: 10px !important; }
 details.mah-tier3 { padding: 14px 16px; }
 details.mah-tier3 summary { padding-right: 34px; }
 details.mah-tier3 summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 1.5px solid var(--mah-teal); border-radius: 50%; color: var(--mah-teal); display: flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1; }
 details.mah-tier3[open] summary::after { content: "\2212"; background: var(--mah-teal); color: #fff; }
}
@media (min-width: 641px) { details.mah-tier3 summary { cursor: default; pointer-events: none; } }
@media (max-width: 640px) {
 .mah-flow__item > :not(.mah-flow__i):not(.mah-ic):not(.mah-flow__n) { grid-column: 2; }
 .mah-flow .mah-flow__item > .mah-flow__n.mah-flow__n { grid-column: 1; grid-row: 1 / span 4; width: 30px; height: 30px; font-size: .9rem; margin: 0; }
}

/* 35. Google Translate: hide Google's own top banner and "Original text / Rate this translation"
   pop-up (MLH parity 2026-10-14). Our Translate button still switches language and back. */
.goog-te-banner-frame, iframe.goog-te-banner-frame, .skiptranslate > iframe,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-ORHb-OEVmcd,
#goog-gt-tt, #goog-gt-vt, .goog-te-balloon-frame, .VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-ZVi9od-aZ2wEe-OiiCO { display: none !important; visibility: hidden !important; }
html.translated-ltr body, html.translated-rtl body { top: 0 !important; }
.goog-text-highlight, .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: none !important; box-shadow: none !important; }
font[style] { background-color: transparent !important; box-shadow: none !important; }

/* 36. What's new strip (homepage, MLH parity 2026-10-14) - compact, hidden when empty */
.mah-new { padding: 34px 0; background: var(--mah-off-white, #F5F7FA); border-top: 1px solid var(--border-light); }
.mah-new__h { display: flex; align-items: center; gap: 8px; font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text-on-light); margin: 0 0 14px; }
.mah-new__h .mah-i { width: 20px; height: 20px; color: var(--mah-gold); }
.mah-new__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mah-new__list li { display: flex; gap: 12px; align-items: baseline; background: #fff; border: 1px solid var(--border-light); border-radius: var(--r-sm); padding: 12px 14px; font-size: .88rem; line-height: 1.45; color: var(--text-on-light-mut); }
.mah-new__list time { flex: none; font-size: .74rem; font-weight: 700; color: var(--mah-teal-d); min-width: 42px; }
.mah-new__list strong { color: var(--text-on-light); font-weight: 600; }
@media (max-width: 900px) { .mah-new__list { grid-template-columns: 1fr; gap: 8px; } .mah-new { padding: 26px 0; } }
@media (max-width: 640px) { .mah-new__list li:nth-child(3) { display: none; } }

/* 37. Document templates on phones: search + category on one row, 2-line descriptions
   (full text in Preview), tighter cards (less is more, 2026-10-14) */
@media (max-width: 640px) {
 .mah-tpl .mah-tpl__controls { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 14px; }
 .mah-tpl .mah-tpl__controls .mah-tpl__search, .mah-tpl .mah-tpl__controls .mah-tpl__cat { width: 100%; min-width: 0; margin: 0; }
 .mah-tpl .mah-tpl__controls .mah-tpl__cat { max-width: 150px; }
 .mah-tpl .mah-tpl__controls .mah-cur { grid-column: 1 / -1; justify-self: center; margin: 4px 0 0; }
 .mah-tpl .mah-tpl__grid { gap: 10px; }
 .mah-tpl .mah-tpl__card { padding: 14px 16px; gap: 4px; }
 .mah-tpl .mah-tpl__card h3 { font-size: 1rem; line-height: 1.3; margin: 2px 0 0; }
 .mah-tpl .mah-tpl__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .84rem; flex: none; }
 .mah-tpl .mah-tpl__actions { margin-top: 6px; }
 .mah-tpl .mah-tpl__buy, .mah-tpl .mah-tpl__free { padding-top: 9px; padding-bottom: 9px; }
}

/* 38. Sign-up forms: optional fields folded under "Add more detail now" (for-professionals + founding, 2026-10-14) */
.mah-pr-form .mah-pr-more { margin-top: 18px; border: 1px solid var(--border-light); border-radius: var(--r-sm); padding: 0 14px; background: #fff; display: block; }
.mah-pr-form .mah-pr-more summary { list-style: none; cursor: pointer; padding: 13px 34px 13px 0; font-weight: 700; font-size: .92rem; color: var(--mah-navy); display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; position: relative; }
.mah-pr-form .mah-pr-more summary::-webkit-details-marker { display: none; }
.mah-pr-form .mah-pr-more summary span { font-weight: 400; font-size: .78rem; color: var(--text-on-light-mut); }
.mah-pr-form .mah-pr-more summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 1.5px solid var(--mah-teal); border-radius: 50%; color: var(--mah-teal); display: flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1; }
.mah-pr-form .mah-pr-more[open] summary::after { content: "\2212"; background: var(--mah-teal); color: #fff; }
.mah-pr-form .mah-pr-more[open] { padding-bottom: 14px; }

/* 39. Sign-up form styles shared by /for-professionals/ and /founding/ (was inline on one page only) - 2026-10-14 */
.mah-pr-form .mah-pr-h { font-size: 1rem; font-weight: 700; color: var(--mah-navy); margin: 22px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--border-light); }
.mah-pr-form .mah-pr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mah-pr-form label { display: block; font-size: .82rem; font-weight: 600; color: var(--text-on-light-mut); }
.mah-pr-form input, .mah-pr-form select, .mah-pr-form textarea { width: 100%; margin-top: 5px; padding: 9px 11px; border: 1px solid var(--border-light); border-radius: var(--r-sm); font-size: .92rem; background: #fff; color: var(--text-on-light); }
.mah-pr-form input:focus-visible, .mah-pr-form select:focus-visible, .mah-pr-form textarea:focus-visible { outline: none; border-color: var(--mah-teal); }
.mah-pr-form .mah-pr-full { margin-top: 14px; }
.mah-pr-form .mah-pr-consent { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; margin: 18px 0; font-weight: 400; font-size: .86rem; line-height: 1.5; }
.mah-pr-form .mah-pr-consent input { width: auto; margin-top: 3px; flex-shrink: 0; }
.mah-pr-form .mah-pr-note { font-size: .78rem; color: var(--text-on-light-mut); margin-top: 8px; }
.mah-pr-form .mah-pr-plan { font-size: .9rem; color: var(--text-on-light-mut); margin: 0 0 6px; }
.mah-pr-form .mah-pr-errors { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; border-radius: var(--r-sm); padding: 12px 14px; margin-bottom: 16px; font-size: .86rem; font-weight: 600; }
.mah-pr-form button[type="submit"] { margin-top: 4px; }
@media (max-width: 640px) { .mah-pr-form .mah-pr-grid { grid-template-columns: 1fr; } }

/* 40. Location help under "Use my location" + place suggestions (2026-10-14) */
.mah-wiz__geohelp { margin: 8px 0 0; padding: 10px 12px; font-size: .8rem; line-height: 1.5; color: var(--text-on-light); background: rgba(196,151,58,.10); border: 1px solid rgba(196,151,58,.35); border-radius: var(--r-sm); text-align: left; }
.mah-wiz__geohelp[hidden] { display: none; }
.mah-sugg--place li span { white-space: normal; }

/* 41. Document template content (download page + preview), 2026-10-14 rewrite */
.mah-tpl__doc h2.tpl-h1 { font-family: var(--font-display); font-size: 1.35rem; margin: 26px 0 10px; }
.mah-tpl__doc h3 { font-size: 1.02rem; font-weight: 700; margin: 22px 0 8px; color: var(--text-on-light); }
.mah-tpl__doc p, .mah-tpl__doc li { font-size: .95rem; line-height: 1.6; }
.mah-tpl__doc ul, .mah-tpl__doc ol { padding-left: 22px; margin: 0 0 12px; }
.tpl-guide { background: rgba(14,122,130,.07); border-left: 3px solid var(--mah-teal); border-radius: 8px; padding: 10px 14px; margin: 12px 0; }
.tpl-guide p { margin: 0; font-size: .88rem !important; color: var(--text-on-light); }
.tpl-table { overflow-x: auto; margin: 10px 0 16px; }
.tpl-table table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.tpl-table th, .tpl-table td { border: 1px solid var(--border-light); padding: 7px 9px; text-align: left; vertical-align: top; }
.tpl-table th { background: var(--mah-off-white, #F5F7FA); font-weight: 700; }
.tpl-sign p { margin: 18px 0 0; }
.tpl-pb { border: 0; border-top: 1px dashed var(--border-light); margin: 26px 0; }
.tpl-disclaimer { font-size: .78rem !important; color: var(--text-on-light-mut); margin-top: 24px; }
.mah-tpl__dl-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.mah-tpl__dl-note, .mah-tpl__dl-top { font-size: .86rem; color: var(--text-on-light-mut); }
@media print { .mah-tpl__dl-btns, .mah-tpl__dl-note, .mah-tpl__dl-top, .tpl-guide { display: none !important; } .tpl-pb { page-break-after: always; border: 0; } }
.mah-tpl__fmt { display: inline-block; font-size: .74rem; font-weight: 700; color: var(--mah-teal-d); background: rgba(14,122,130,.08); border-radius: 999px; padding: 3px 10px; margin-top: 2px; align-self: flex-start; }
.mah-profile__badge-note { font-size: .74rem; color: var(--text-on-light-mut); margin: -4px 0 12px; line-height: 1.4; }

/* 42. Header descriptor says what the site is, phones included (Dale 2026-10-14) */
.mah-nav__wordmark em { text-transform: none; letter-spacing: .01em; font-size: .74rem; font-weight: 500; color: var(--mah-gold-lt, #E0BD5F); margin-top: 3px; }
@media (max-width: 860px) { .mah-nav__wordmark em { display: block !important; font-size: .7rem; } }
/* Pro strip: slim one-liner, same size as MLH's (2026-10-14) */
.mah-fstrip p { font-size: .92rem !important; line-height: 1.5; margin: 0; }
.mah-fstrip__inner { gap: 6px 14px !important; }
@media (max-width: 640px) { .mah-fstrip p { font-size: .88rem !important; } .mah-fstrip { padding-top: 12px !important; padding-bottom: 12px !important; } }

/* 43. Directory "World view" opener (MLH parity 2026-10-14) */
.mah-pagehead .mww-open { display: inline-flex; align-items: center; gap: 11px; margin-top: 18px; padding: 8px 18px 8px 8px; border-radius: 999px; border: 1px solid var(--mah-gold, #C4973A); background: #0A1424; color: #fff; cursor: pointer; font-family: inherit; text-align: left; box-shadow: 0 6px 18px -8px rgba(0,0,0,.6); transition: transform .2s ease, box-shadow .2s ease; animation: mwwOpenGlow 3.2s ease-in-out infinite; }
.mah-pagehead .mww-open:hover { transform: translateY(-1px); }
.mah-pagehead .mww-open:focus-visible { outline: 2px solid var(--mah-gold); outline-offset: 3px; }
.mww-open__globe { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 30%, #1d6f78, #0A1424 70%); box-shadow: inset 0 0 0 1px rgba(227,179,65,.6); color: #F1D58C; flex-shrink: 0; }
.mww-open__globe svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.mww-open__globe .m1 { transform-origin: 12px 12px; animation: mwwSpin 6s linear infinite; }
.mww-open__txt strong { display: block; font-weight: 800; font-size: 14.5px; color: #fff; line-height: 1.15; }
.mww-open__txt small { display: block; font-size: 12px; color: #C9D6E6; font-weight: 600; }
@keyframes mwwSpin { 0% { transform: scaleX(1) } 50% { transform: scaleX(.15) } 100% { transform: scaleX(1) } }
@keyframes mwwOpenGlow { 0%,100% { box-shadow: 0 6px 18px -8px rgba(0,0,0,.6), 0 0 0 0 rgba(196,151,58,0) } 50% { box-shadow: 0 6px 18px -8px rgba(0,0,0,.6), 0 0 0 5px rgba(196,151,58,.18) } }
@media (prefers-reduced-motion: reduce) { .mah-pagehead .mww-open, .mww-open__globe .m1 { animation: none; } }

/* 44. Compact directory member cards (MLH parity 2026-10-14) */
.mah-dir__grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 12px !important; }
.mah-dir__card--compact { display: flex !important; gap: 12px; align-items: flex-start; padding: 12px 14px !important; }
.mah-dir__av { flex: none; width: 48px; height: 48px; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1d6f78, #0E3A52); color: #fff; font-weight: 800; font-size: 1.05rem; border: 1px solid var(--border-light); }
.mah-dir__av img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
/* Wide logos get a wider tile instead of shrinking into a 48px square (2026-10-14) */
.mah-dir__av:has(img) { width: auto; min-width: 48px; max-width: 112px; background: #fff; }
.mah-dir__av:has(img) img { width: auto; max-width: 112px; }
.mah-dir__body { min-width: 0; flex: 1; display: block; }
.mah-dir__card--compact h3 { font-size: .98rem !important; margin: 0 0 2px !important; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mah-dir__card--compact .mah-dir__badge { position: static !important; display: inline-block; font-size: .62rem !important; padding: 2px 7px !important; margin: 0 0 4px; }
.mah-dir__card--compact .mah-dir__meta { font-size: .8rem; margin: 0; }
.mah-dir__card--compact .mah-dir__spec { font-size: .78rem; margin: 4px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mah-dir__card--compact .mah-dir__grating { margin: 2px 0 0; font-size: .78rem; }

/* 45. Homepage: decorative uppercase labels above headings removed, like MLH (2026-10-14) */
body.mah-front-page :is(.mah-eyebrow, .mah-kicker) { display: none !important; }

/* ---- 46. Homepage finder refresh (2026-10-14, MLH parity + "less is more") ----
   Segmented pill tabs, compact tiles with tinted icon discs, one-row search with the button
   inside the bar, one short "Near ..." line. The example-ticker line and Popular chips are hidden
   (the placeholder already rotates the examples; the tiles cover the popular services). */
.mah-finder { border-radius: 20px; }
.mah-finder__tabs { margin: 12px 12px 0; padding: 4px; gap: 4px; background: #EDF2F4; border: 0; border-radius: 999px; }
.mah-finder__tab { padding: 9px 12px; border: 0; border-radius: 999px; font-size: .86rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mah-finder__tab.is-active { background: #fff; color: var(--mah-teal-d); box-shadow: 0 1px 3px rgba(14,27,50,.14); }
.mah-finder__panel { padding-top: 16px; }
.mah-wiz__q { font-size: 1rem; font-weight: 700; letter-spacing: -.01em; }
.mah-wiz__cats { gap: 8px; }
.mah-wiz__cats button { border-radius: 12px; background: #fff; border-color: #E3EAEE; }
.mah-wiz__cats button:hover { background: rgba(14,122,130,.04); }
.mah-wiz__cats button .mah-i { box-sizing: content-box; padding: 6px; border-radius: 50%; background: rgba(14,122,130,.10); }
.mah-finder__label { text-transform: none; letter-spacing: 0; font-size: .8rem; margin: 2px 0 8px; }
.mah-example-ticker, .mah-finder__quick { display: none !important; }
.mah-finder__searchbar--ai { border-radius: 14px; }
.mah-finder__searchbar input { min-height: 48px; }
#mahSearchGo { gap: 6px; }
#mahSearchGo .mah-i { width: 18px; height: 18px; }
.mah-loc-hint { margin-top: 8px; flex-wrap: nowrap; white-space: nowrap; min-width: 0; }
.mah-loc-hint strong { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mah-loc-hint .mah-loc-change { flex-shrink: 0; }
@media (max-width: 640px) {
  .mah-finder__tab { font-size: .8rem; padding: 8px 6px; }
  .mah-finder__panel { padding-top: 14px; }
  .mah-wiz__steps { margin-bottom: 10px; }
  .mah-wiz__q { margin-bottom: 10px; }
  .mah-wiz__cats { gap: 6px; }
  .mah-wiz__cats button { min-height: 0; justify-content: flex-start; padding: 9px 4px 8px; gap: 5px; font-size: .68rem; }
  .mah-wiz__cats button .mah-i { width: 15px; height: 15px; padding: 7px; }
  /* one row: input + square icon button inside the bar (was a full-width button underneath) */
  .mah-finder__searchbar { flex-direction: row; }
  .mah-finder__searchbar .mah-btn { width: 52px; flex: 0 0 52px; padding: 0; justify-content: center; }
  #mahSearchGo span { display: none; }
  .mah-finder__foot { padding-bottom: 14px; }
}

/* ---- 47. "Latest to join" one-liner (2026-10-14) ---- */
.mah-latest { background: var(--mah-navy-d, #0A1424); border-top: 1px solid rgba(255,255,255,.06); padding: 9px 0; font-size: .82rem; color: #9FB2C8; }
.mah-latest__inner { display: flex; align-items: center; justify-content: center; gap: 6px 14px; flex-wrap: nowrap; min-width: 0; white-space: nowrap; }
.mah-latest__k { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; color: #DCE6F2; flex-shrink: 0; }
.mah-latest__k i { width: 7px; height: 7px; border-radius: 50%; background: #34D399; box-shadow: 0 0 0 0 rgba(52,211,153,.6); animation: mahLatestPulse 2.4s ease-out infinite; }
@keyframes mahLatestPulse { 0% { box-shadow: 0 0 0 0 rgba(52,211,153,.55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(52,211,153,0); } }
.mah-latest__i { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mah-latest__i + .mah-latest__i::before { content: "\00B7"; margin-right: 14px; color: #5E738C; }
.mah-latest a { color: #F1D58C; font-weight: 600; text-decoration: none; }
.mah-latest a:hover { text-decoration: underline; }
@media (max-width: 640px) { .mah-latest__inner { justify-content: flex-start; } .mah-latest__i + .mah-latest__i { display: none; } }
@media (prefers-reduced-motion: reduce) { .mah-latest__k i { animation: none; } }

/* ---- 48. Free card contact links (2026-10-14) ---- */
.mah-dir__contact { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mah-dir__contact a { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 1px solid var(--border-light); border-radius: 999px; font-size: .76rem; font-weight: 600; color: var(--mah-teal-d, #157E86); text-decoration: none; background: #fff; }
.mah-dir__contact a:hover { border-color: var(--mah-teal); }
.mah-dir__contact .mah-i { width: 13px; height: 13px; }

/* ---- 49. Directory search: members then Google, compact on phones (2026-10-14, MLH parity) ---- */
.mah-dir__gh { font-size: 1.05rem; font-weight: 700; margin: 28px 0 12px; color: var(--text-on-light); }
.mah-dir__gh span { font-size: .78rem; font-weight: 600; color: var(--text-on-light-mut); }
.mah-dir__gfoot { font-size: .82rem; color: var(--text-on-light-mut); margin: 14px 0 0; text-align: center; }
.mah-dir__gfoot a { color: var(--mah-teal-d, #157E86); font-weight: 600; }
@media (max-width: 640px) {
  .mah-dir__card--compact { padding: 12px; gap: 12px; }
  .mah-dir__av:has(img) { max-width: 72px; height: 40px; }
  .mah-dir__av:has(img) img { max-width: 72px; }
  .mah-dir__card--compact h3 { font-size: 1rem; line-height: 1.25; }
  .mah-dir__card--compact .mah-dir__badge { font-size: .62rem; padding: 2px 8px; }
  .mah-dir__card--compact .mah-dir__meta { font-size: .8rem; margin-top: 2px; }
  .mah-dir__grid--google { gap: 8px; }
  .mah-dir__card--google { padding: 12px 14px; }
  .mah-dir__card--google h3 { font-size: .95rem; margin-bottom: 2px; }
  .mah-dir__card--google p { font-size: .78rem; margin: 2px 0 0; }
}
@media (max-width: 640px) {
  .mah-dir__card--google .mah-dir__meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mah-dir__card--google .mah-dir__dist, .mah-dir__card--google .mah-dir__spec, .mah-dir__card--google .mah-dir__reg { display: inline-flex; align-items: center; gap: 4px; margin: 4px 12px 0 0; }
}
.mah-pr-form .mah-pr-elig { font-size: .82rem; color: var(--text-on-light-mut); margin: -4px 0 12px; line-height: 1.5; }

/* ---- 50. Phone dock at the page bottom (2026-10-14, MLH parity) ----
   The dock hides while scrolling down, comes back at the very bottom, and the footer keeps a gap so
   it never covers the legal lines. (Floating pills still hide at the footer - only the dock returns.) */
@media (max-width: 640px) {
  html.mah-dock-on.mah-at-footer #mah-dock:not(.is-hidden) { transform: none; opacity: 1; pointer-events: auto; }
  html.mah-dock-on.mah-at-footer #mah-dock-more.is-open { display: flex; }
  html.mah-dock-on .mah-footer .mah-footer__bar { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---- 51. Homepage category tiles (2026-10-14, Dale: icons + pills looked off on phones) ----
   Rounded tiles instead of pills: icon in a tinted disc on the left, text left-aligned and allowed to
   wrap, every tile the same height. Desktop keeps a tidy flowing row of the same tiles. */
.mah-areas__grid a { border-radius: 14px !important; gap: 10px !important; text-align: left !important; line-height: 1.25; }
.mah-areas__grid a .mah-i { box-sizing: content-box; width: 16px !important; height: 16px !important; padding: 7px; border-radius: 50%; background: rgba(14,122,130,.10); }
@media (max-width: 640px) {
  .mah-areas__grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mah-areas__grid a { display: flex !important; justify-content: flex-start !important; align-items: center; min-height: 60px; padding: 10px 12px 10px 10px !important; font-size: .82rem !important; font-weight: 600; }
  .mah-areas__grid a .mah-i { width: 15px !important; height: 15px !important; padding: 7px; }
  .mah-areas__grid a span { min-width: 0; }
  .mah-areas__grid a.mah-areas__more { display: none !important; } /* phones: the 8 main ones; "View all service areas" has the rest */
}

/* ---- 52. More panel header with an x close button (2026-10-14) ---- */
#mah-dock-more .mah-dock-more__head { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 6px 12px; margin-bottom: 2px; border-bottom: 1px solid rgba(255,255,255,.08); }
#mah-dock-more .mah-dock-more__head span { font: 700 12px/1 'Inter', -apple-system, sans-serif; letter-spacing: .04em; color: rgba(255,255,255,.6); }
#mah-dock-more button.mah-dock-more__x { width: 34px; height: 34px; padding: 0 !important; justify-content: center; border-radius: 50% !important; font: 400 24px/1 'Inter', -apple-system, sans-serif !important; color: #dfe9ee !important; background: rgba(255,255,255,.08) !important; gap: 0; }

/* ── 2026-10-15: homepage plan overview (high level; full detail on /pricing/) ── */
.mah-plans { list-style: none; margin: 26px auto 0; padding: 0; max-width: 980px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; text-align: left; }
.mah-plans a { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "n p" "d p"; gap: 2px 12px; align-items: center; height: 100%; padding: 14px 16px; background: #fff; border: 1px solid var(--border-light); border-radius: 12px; color: var(--text-on-light); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.mah-plans a:hover { border-color: var(--mah-teal); box-shadow: 0 8px 20px rgba(14,27,50,.07); }
.mah-plans b { grid-area: n; font-size: .95rem; font-weight: 600; }
.mah-plans span:not(.mah-amt) { grid-area: d; font-size: .8rem; line-height: 1.35; color: var(--text-on-light-mut); }
.mah-plans em { grid-area: p; font-style: normal; text-align: right; white-space: nowrap; }
.mah-plans em .mah-amt { font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; color: var(--text-on-light); }
.mah-plans em small { font-size: .72rem; color: var(--text-on-light-mut); margin-left: 2px; }
.mah-plans .is-featured a { border-color: var(--mah-teal); }
.mah-plans .is-founding a { border-color: var(--mah-gold); }
.mah-plans__btns { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 22px; }
.mah-plans + .mah-plans__btns + .mah-pricing__note { margin-top: 14px; }
@media (max-width: 900px) { .mah-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
 .mah-plans { grid-template-columns: 1fr; gap: 8px; margin-top: 18px; }
 .mah-plans a { padding: 11px 14px; }
 .mah-plans b { font-size: .9rem; }
 .mah-plans__btns .mah-btn { flex: 1 1 100%; }
 /* /pricing/ on phones: smaller boxes, same detail */
 .mah-tier { flex: 0 0 72%; padding: 14px 14px 16px; }
 .mah-tier__tag { font-size: .6rem; margin-bottom: 4px; }
 .mah-tier h3 { font-size: .95rem; }
 .mah-tier__price { margin: 4px 0 10px; }
 .mah-tier__price .mah-amt { font-size: 1.35rem; }
 .mah-tier ul { gap: 5px; margin-bottom: 12px; }
 .mah-tier li { font-size: .76rem; padding-left: 16px; line-height: 1.35; }
 .mah-tier .mah-btn { padding-top: 9px; padding-bottom: 9px; min-height: 0; font-size: .85rem; }
 .mah-tier__limit { margin: -4px 0 8px; }
 /* homepage guides: title + link only on phones */
 .mah-home-guides .mah-guide-card p { display: none; }
 .mah-home-guides .mah-guide-card { padding: 16px; }
}

/* ── PRO NUDGE 2026-10-17: homepage hero "Accountant or bookkeeper?" line + phone dock "Get listed" ── */
.mah-pro-nudge { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(196,151,58,.45); background: rgba(196,151,58,.08); color: rgba(255,255,255,.88); font-size: .86rem; line-height: 1.4; text-decoration: none; }
.mah-pro-nudge .mah-i { width: 17px; height: 17px; color: var(--mah-gold, #C4973A); flex: none; }
.mah-pro-nudge b { font-weight: 700; }
.mah-pro-nudge em { font-style: normal; font-weight: 700; color: #E0BD5F; white-space: nowrap; }
.mah-pro-nudge em::after { content: ' \2192'; }
@media (hover: hover) and (min-width: 901px) { .mah-pro-nudge:hover em { text-decoration: underline; } }
@media (max-width: 900px) { .mah-pro-nudge { display: flex; width: fit-content; margin: 2px auto 18px; text-align: left; font-size: .82rem; border-radius: 14px; padding: 9px 14px; } }
@media (max-width: 768px) {
  #mah-dock .mah-dock__btn--join { color: #e0bd5f; }
  #mah-dock .mah-dock__btn { flex: 1 1 auto; white-space: nowrap; font-size: min(10.5px, 2.65vw); }
  #mah-dock { padding: 0 8px; }
  #mah-dock .mah-dock__btn--join svg { width: 18px; height: 18px; padding: 3px 10px; box-sizing: content-box; border-radius: 999px; background: #e0bd5f; color: #0B1830; margin-top: -4px; }
}
/* keep the hero pro line to two lines on narrow phones */
@media (max-width: 380px) { .mah-pro-nudge { padding: 9px 12px; font-size: min(.82rem, 3.75vw); } .mah-pro-nudge .mah-i { display: none; } }

/* ── OFFICIAL PARTNERS STRIP 2026-10-17 (MLH parity, #mlh-partner-strip) ── */
#mah-partner-strip { display: flex; align-items: center; justify-content: center; gap: 1.25rem; height: 46px; padding: 0 1.5rem; overflow: hidden; background: linear-gradient(90deg, rgba(196,151,58,.10), rgba(196,151,58,.04)), #0B1830; border-bottom: 1px solid rgba(196,151,58,.25); }
.mah-ps-label { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 5px 12px; border-radius: 999px; background: linear-gradient(135deg, #D8B158, #A9802C); color: #0B1830; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.mah-ps-viewport { flex: none; height: 100%; display: flex; align-items: center; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent); }
.mah-ps-track { display: flex; align-items: center; width: max-content; animation: mah-ps-scroll var(--mah-ps-duration, 20s) linear infinite; }
.mah-ps-track:hover { animation-play-state: paused; }
@keyframes mah-ps-scroll { to { transform: translateX(-50%); } }
.mah-ps-set { display: flex; align-items: center; gap: 10px; padding: 0 10px 0 40px; }
.mah-ps-pill { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 4px 12px 4px 4px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(196,151,58,.3); text-decoration: none; white-space: nowrap; transition: background .15s; }
.mah-ps-pill:hover { background: rgba(196,151,58,.14); }
.mah-ps-avatar, .mah-ps-init { width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; border: 1.5px solid #C4973A; }
.mah-ps-avatar { object-fit: cover; }
.mah-ps-init { display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: #E0BD5F; background: #0B1830; }
.mah-ps-name { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.88); }
.mah-ps-badge { font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #E0BD5F; background: rgba(196,151,58,.12); border: 1px solid rgba(196,151,58,.35); border-radius: 4px; padding: 1px 5px; }
.mah-ps-badge--demo { color: rgba(255,255,255,.55); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); }
#mah-partner-strip.mah-ps-static .mah-ps-track { animation: none; }
#mah-partner-strip.mah-ps-static .mah-ps-set { padding: 0; }
#mah-partner-strip.mah-ps-static .mah-ps-viewport { -webkit-mask-image: none; mask-image: none; }
.mah-ps-star { display: inline-block; animation: mah-ps-star 4.2s ease-in-out infinite; }
@keyframes mah-ps-star { 0%, 82%, 100% { transform: scale(1) rotate(0); } 88% { transform: scale(1.3) rotate(18deg); } 94% { transform: scale(.95) rotate(-6deg); } }
@media (max-width: 480px) {
  #mah-partner-strip { padding: 0 .75rem; gap: .75rem; justify-content: flex-start; }
  .mah-ps-viewport { flex: 1 1 0; min-width: 0; }
  #mah-partner-strip.mah-ps-static .mah-ps-viewport { flex: none; }
}
@media (prefers-reduced-motion: reduce) { .mah-ps-track, .mah-ps-star { animation: none; } }
/* Partner strip sized to match MLH's (Dale 2026-10-17: MAH looked too large) */
.mah-ps-label { font-size: 11.5px; letter-spacing: .02em; text-transform: none; padding: 4px 10px 4px 9px; gap: 5px; }
.mah-ps-pill { gap: 7px; padding: 3px 11px 3px 4px; }
.mah-ps-name { font-size: 11px; }
.mah-ps-badge { font-size: 8.5px; }
#mah-partner-strip { height: 44px; }