/* Mega menus (Free tools and Services, owner pick B for both) and the mobile Free tools accordion. Linked by partials/mega-tools, partials/mega-services and partials/nav-links. */
.mm-mt-ic { display: grid; flex: none; place-items: center; width: 32px; height: 32px; border-radius: 10px; font-style: normal; }
.mm-mt-new { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #FFF6DD; color: #7A5A12; font: 600 11px/1.6 var(--mm-font-body); vertical-align: 2px; }
.mm-acc-cat > summary { gap: 10px; }
.mm-acc-cat small { margin-left: auto; opacity: .7; }
.mm-acc-cat > summary::after { margin-left: 4px; }
.mm-acc-all { margin-top: 6px; background: var(--mm-gold); color: var(--mm-ink) !important; font-weight: 700; }
/* Desktop mega panel (owner pick B): category rail | the category's tool cards | new tools; trust bar below. */
.mm-mt-c > span { min-width: 0; }
.mm-mt { max-width: var(--mm-wide); margin: 0 auto; padding: var(--mm-sp-3); display: grid; grid-template-columns: 270px minmax(0, 1fr) 250px; gap: var(--mm-sp-3); align-items: start; }
.mm-mt--2 { grid-template-columns: 270px minmax(0, 1fr); }
.mm-mt-rail { display: grid; gap: 2px; padding-right: 20px; border-right: 1px solid var(--mm-lilac); }
.mm-mt-rail button, .mm-mt-newb a { display: flex; align-items: center; gap: 10px; min-height: var(--mm-ctl); padding: 6px 12px; border: 0; border-radius: var(--mm-r-ctl); background: none; color: var(--mm-ink); font: 600 15px/1.3 var(--mm-font-body); text-align: left; text-decoration: none; cursor: pointer; }
.mm-mt-rail button { justify-content: flex-start; margin: 0; white-space: nowrap; }
.mm-mt-rail button:hover { transform: none; box-shadow: none; }
.mm-mt-rail small { margin-left: auto; color: var(--mm-muted); font-weight: 500; }
.mm-mt-rail [aria-pressed=true], .mm-mt-rail [aria-pressed=true]:hover { background: var(--mm-lilac); box-shadow: inset 3px 0 0 var(--mm-gold); }
.mm-mt-p[hidden] { display: none; }
.mm-mt-h { margin: 6px 12px 8px; font-size: 17px; }
.mm-mt-list, .mm-mt-newb ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.mm-mt-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mm-mt-c { display: flex; gap: 12px; padding: 12px; border-radius: 14px; color: var(--mm-ink); text-decoration: none; }
.mm-mt-c:hover, .mm-mt-newb a:hover, .mm-mt-rail button:hover { background: var(--mm-lilac); color: var(--mm-ink); }
.mm-mt-c .mm-mt-ic { width: 40px; height: 40px; }
.mm-mt-c b { display: block; }
.mm-mt-c span span { display: -webkit-box; margin-top: 2px; overflow: hidden; color: var(--mm-muted); font-size: var(--mm-fs-sm); -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mm-mt-newb { padding: 16px; border: 1px solid #F2E2B4; border-radius: var(--mm-r-card); background: #FFFBEF; }
.mm-mt-newb .mm-mega-h { margin-top: 0; color: #7A5A12; }
.mm-mt-newb a { font-weight: 500; }
.mm-mt-foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 0; padding: 14px 16px; border-radius: 14px; background: #F7F5FF; color: var(--mm-muted); font-size: 13px; font-weight: 600; }
.mm-mt-foot a { color: var(--mm-link); }
/* Services: the same rail, then the service's summary and "What you get", and the free audit card. */
.mm-ms { grid-template-columns: 290px minmax(0, 1fr) 300px; }
.mm-ms-ic { display: grid; flex: none; place-items: center; width: 32px; height: 32px; border-radius: 10px; }
.mm-ms-ic .mm-i { width: 18px; height: 18px; }
.mm-ms-ic--l { width: 52px; height: 52px; border-radius: 14px; }
.mm-ms-ic--l .mm-i { width: 26px; height: 26px; }
.mm-ms-t0 { background: #ECE8FF; color: #4B3FC4; } .mm-ms-t1 { background: #E0F2FE; color: #0369A1; } .mm-ms-t2 { background: #FEF0C7; color: #B54708; } .mm-ms-t3 { background: #FCE7F6; color: #A11F78; } .mm-ms-t4 { background: #DCFAE6; color: #067647; } .mm-ms-t5 { background: #FEE4E2; color: #B42318; } .mm-ms-t6 { background: #F4F2FF; color: #4B3FC4; }
.mm-ms-p { display: grid; align-content: start; gap: 12px; padding: 4px 8px; }
.mm-ms-p > p { margin: 0; max-width: 60ch; color: var(--mm-muted); line-height: 1.6; }
.mm-ms-p .mm-mega-h { margin: 4px 0 0; padding: 0; }
.mm-ms-p .mm-ms-h { display: flex; align-items: center; gap: 14px; font: 600 24px/1.2 var(--mm-font-display); }
.mm-ms-h a { color: var(--mm-ink); text-decoration: none; }
.mm-ms-f { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mm-ms-f li { padding: 12px 14px; border: 1px solid var(--mm-lilac); border-radius: 12px; color: var(--mm-ink); font-size: 14px; font-weight: 600; }
.mm-ms-f li::before { color: #067647; content: "✓ "; }
.mm-ms-more { color: var(--mm-link); font-weight: 600; }
.mm-ms-audit { display: grid; align-content: start; gap: 10px; padding: 22px; border-radius: var(--mm-r-card); background: var(--mm-ink); color: #D9D4FF; font-size: 14px; line-height: 1.5; }
.mm-ms-audit .mm-mega-h { margin: 0; padding: 0; color: #B9B2F0; }
.mm-ms-audit b { color: #FFF; font: 600 20px/1.2 var(--mm-font-display); }
.mm-ms-audit .mm-btn { margin: 4px 0 0; }
.mm-ms-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 4px 0 0; }
.mm-ms-stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 8px; border-radius: 10px; background: rgba(255, 255, 255, .07); }
.mm-ms-stats dd { margin: 0; color: var(--mm-gold); font: 600 18px/1 var(--mm-font-display); }
.mm-ms-stats dt { margin-top: 4px; font-size: 11px; line-height: 1.3; }
.mm-ms-wa { display: flex; align-items: center; justify-content: center; min-height: var(--mm-ctl); border-radius: var(--mm-r-ctl); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .3); color: #FFF; font-weight: 600; text-decoration: none; transition: background .2s, box-shadow .2s; }
.mm-ms-wa:hover, .mm-ms-wa:focus-visible { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1.5px #FFF; color: #FFF; }