/* AdvanceAPractice visual system, 2026-10-08 (sales audit 07, approved by Ryan: "fix all these things").
 *
 * Loaded LAST in <head> by mu-plugins/aap-zzzzz-visual-system.php (wp_head PHP_INT_MAX, registered after
 * aap-zz-consent-float.php prints design-tokens.css). Every selector starts with `html body[class]` so it
 * also wins on specificity over design-tokens (0,1,2+) and the body-printed component styles.
 *
 * Rules this file keeps (do not break them when editing):
 *  - A colour rule on a dark surface always ships with its background (09-10 / 09-16 / 09-20 regressions).
 *  - No text-wrap:balance and no ch caps on section headings (09-29, design-tokens §31/§33).
 *  - Never add a background to a parity-striped .aap-section; pin rhythm per page with :has() instead.
 *  - Rolling back is deleting the loader file (or this file).
 *
 * Sections:  0 fix-today  1 eyebrows  2 one surface + type scale  3 price card  4 billing block
 *            5 checkout frame  6 flattened nests  7 one closing band  8 homepage  9 nav groups  10 /packages/ rhythm
 */

:root{
  --vs-navy:#0f2a47; --vs-blue:#1a56db; --vs-blue-dark:#1547b8; --vs-keyline:#286EE8;
  --vs-text:#1f2a37; --vs-muted:#5b6675; --vs-line:rgba(15,42,71,.12); --vs-tint:#eef3fa;
  --vs-radius:14px; --vs-shadow:0 1px 2px rgba(15,42,71,.05);
  --vs-head:'Poppins',system-ui,-apple-system,sans-serif; --vs-body:'Inter',system-ui,-apple-system,sans-serif;
}

/* ── 0. Fix today ─────────────────────────────────────────────────────────────────────────────── */
/* 0b /packages/ phone table: no "Next Step" label over an empty cell (PHP also stops printing it). */
@media(max-width:640px){
  html body[class] .aap-cpe-table__grid td:last-child:empty,
  html body[class] .aap-cpe-table__grid td:last-child:not(:has(a)){display:none!important}
}
/* 0c Any eyebrow that is still printed sits on its heading, not 56px above it. */
html body[class] main .eyebrow + :is(h1,h2,h3){margin-top:0!important}

/* ── 1. Eyebrows: one per page, hero only, plain text ─────────────────────────────────────────── */
/* Hidden everywhere except a page hero (and the buy-page hero). Hiding is parity-safe: no <section>
 * is added or removed, and the rule only hides, so it can't produce colour-on-navy problems. */
html body[class]:not(#vs) main :is(.eyebrow,[class*="__eyebrow"],.aap-team-proof__label):not(.aap-hero *):not(.aap-calculated-checkout__hero *){display:none!important}
/* The one that remains: 13px, Title Case as authored, no pill, no uppercase. */
html body[class]:not(#vs) main :is(.aap-hero,.aap-calculated-checkout__hero) :is(.eyebrow,.aap-calculated-checkout__eyebrow){
  display:block!important;width:auto!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;color:var(--vs-blue)!important;
  font:600 .8125rem/1.3 var(--vs-body)!important;letter-spacing:0!important;text-transform:none!important}
html body[class]:not(#vs) main .aap-hero--dark .eyebrow{background:none!important;color:#cfe0ff!important}

/* ── 2. One surface, one type scale ───────────────────────────────────────────────────────────── */
html body[class] main :is(.aap-card,.aap-cap,.aap-goal,.aap-quote-card,.aap-team-proof,.aap-recognition-proof,.aap-proof__figure,.aap-situation-card,.aap-home-system,.aap-faq details,.aap-section details:not(.aap-footer-section)){
  border-radius:var(--vs-radius)!important;border:1px solid var(--vs-line)!important;box-shadow:var(--vs-shadow)!important}
html body[class] main :is(.aap-section--tint,.aap-cpe-table) :is(.aap-card,.aap-cap,.aap-quote-card,details){box-shadow:none!important}
/* Section H2 40 / 31, H3 20 / 18. Hero and band headings keep their own sizes. */
html body[class]:not(#vs) main :is(.aap-section,.aap-funnel,aside.aap-start-commitment,aside.aap-next-step,aside.aap-ehr) h2:not(.aap-hero h2){
  font-size:2.5rem!important;line-height:1.15!important;letter-spacing:-.01em}
html body[class]:not(#vs) main :is(.aap-section,.aap-funnel) h3:not(.aap-price-card__name){font-size:1.25rem!important;line-height:1.3!important}
@media(max-width:700px){
  html body[class]:not(#vs) main :is(.aap-section,.aap-funnel,aside.aap-start-commitment,aside.aap-next-step,aside.aap-ehr) h2:not(.aap-hero h2){font-size:1.9375rem!important;line-height:1.18!important}
  html body[class]:not(#vs) main :is(.aap-section,.aap-funnel) h3:not(.aap-price-card__name){font-size:1.125rem!important}
}
/* The third blue (#1470be) on column rules goes to the heartbeat keyline. */
html body[class] main .aap-home-project-proof > article{border-top-color:var(--vs-keyline)!important}

/* ── 3. The price card ────────────────────────────────────────────────────────────────────────── */
/* Seven fields in fixed order (name, for, price, detail, button, how you buy, includes). The grid uses
 * subgrid so names, prices and buttons line up across a row. 6 cards = 3 x 2, never an orphan. */
html body[class] .aap-price-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0;padding:0;list-style:none;text-align:left}
html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
html body[class] .aap-price-card{position:relative;display:grid!important;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;min-width:0;margin:0!important;
  padding:28px 28px 24px!important;background:#fff!important;border:1px solid var(--vs-line)!important;border-radius:var(--vs-radius)!important;box-shadow:var(--vs-shadow)!important;color:var(--vs-text);text-align:left}
html body[class] .aap-price-card > *{margin:0!important;max-width:none!important}
html body[class] .aap-price-card--key{border-color:rgba(40,110,232,.55)!important;box-shadow:inset 0 3px 0 var(--vs-keyline),var(--vs-shadow)!important}
html body[class] main .aap-price-card .aap-price-card__name{font:700 1.25rem/1.25 var(--vs-head)!important;color:var(--vs-navy)!important;letter-spacing:-.005em;text-wrap:pretty}
html body[class] .aap-price-card__for{margin-top:6px!important;font-size:.9375rem!important;line-height:1.5!important;color:var(--vs-muted)!important}
html body[class] .aap-price-card__price{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:24px!important;line-height:1!important}
html body[class] .aap-price-card__amt{font:700 2.375rem/1 var(--vs-head)!important;color:var(--vs-navy)!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
html body[class] .aap-price-card__from{font:600 .9375rem/1 var(--vs-body)!important;color:var(--vs-muted)!important;align-self:center}
html body[class] .aap-price-card__unit{font:400 .9375rem/1.35 var(--vs-body)!important;color:var(--vs-muted)!important}
html body[class] .aap-price-card__detail{margin-top:8px!important;font-size:.875rem!important;line-height:1.5!important;color:var(--vs-muted)!important}
html body[class] main a.aap-price-card__cta{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px;margin-top:24px!important;padding:0 16px!important;
  white-space:nowrap;text-align:center;align-self:end}
html body[class] main a.aap-price-card__cta.aap-btn--secondary{background:#fff!important;color:var(--vs-navy)!important;border:1.5px solid rgba(15,42,71,.25)!important}
html body[class] .aap-price-card__how{justify-self:center;margin-top:10px!important;font:500 .875rem/1.3 var(--vs-body)!important;color:var(--vs-muted)!important}
html body[class] .aap-price-card__how:empty{margin-top:0!important}
html body[class] .aap-price-card__inc{display:grid;gap:10px;align-content:start;margin-top:24px!important;padding:24px 0 0!important;border-top:1px solid var(--vs-line);list-style:none!important}
html body[class] .aap-price-card__inc:empty{display:none!important}
html body[class] main .aap-price-card__inc li{position:relative;margin:0!important;padding:0 0 0 26px!important;font-size:.875rem!important;line-height:1.5!important;color:var(--vs-text)!important;list-style:none!important}
html body[class] main .aap-price-card__inc li::before{content:""!important;position:absolute;left:0;top:.2em;width:16px;height:16px;border-radius:50%;border:0!important;
  background:var(--vs-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%231a56db' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important}
html body[class] .aap-price-grid__foot{margin:32px 0 0!important;font-size:.9375rem;color:var(--vs-muted);text-align:left}
html body[class] .aap-price-grid__foot a{font-weight:600}
@media(max-width:1000px) and (min-width:721px){html body[class] .aap-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){
  html body[class] .aap-price-grid{grid-template-columns:1fr!important;gap:16px;margin-top:28px}
  html body[class] .aap-price-card{grid-row:auto;grid-template-rows:none;padding:24px!important}
  html body[class] main a.aap-price-card__cta{white-space:normal}
}

/* ── 4. Billing block: price card + rate table + notes (one shortcode, four pages) ────────────── */
html body[class] .aap-billing-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;margin-top:40px}
html body[class] .aap-billing-split > .aap-price-card{grid-row:auto;grid-template-rows:none}
html body[class] .aap-billing-rates h3{margin:0 0 6px!important;font:700 1.25rem/1.3 var(--vs-head)!important;color:var(--vs-navy)!important}
html body[class] .aap-billing-rates__cap{margin:0 0 14px!important;font-size:.9375rem;color:var(--vs-muted)}
html body[class] main table.aap-billing-tiers__table{display:table!important;width:100%!important;border-collapse:collapse!important;border:0!important;background:transparent!important;font-size:.9375rem}
html body[class] main table.aap-billing-tiers__table :is(thead){display:table-header-group!important}
html body[class] main table.aap-billing-tiers__table :is(tbody){display:table-row-group!important}
html body[class] main table.aap-billing-tiers__table tr{display:table-row!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important}
html body[class] main table.aap-billing-tiers__table :is(th,td){display:table-cell!important;padding:12px 10px!important;border:0!important;border-bottom:1px solid var(--vs-line)!important;background:transparent!important;text-align:left;vertical-align:top}
html body[class] main table.aap-billing-tiers__table :is(th,td)::before{content:none!important;display:none!important}
html body[class] main table.aap-billing-tiers__table th{font:600 .8125rem/1.3 var(--vs-body)!important;color:var(--vs-muted)!important;text-transform:none!important;letter-spacing:0!important}
html body[class] main table.aap-billing-tiers__table td.num{font:700 1rem/1.3 var(--vs-head)!important;color:var(--vs-navy)!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body[class] main table.aap-billing-tiers__table td small{display:block;margin-top:2px;font-size:.8125rem;color:var(--vs-muted)}
html body[class] main table.aap-billing-tiers__table tr.is-first td{background:rgba(26,86,219,.05)!important}
html body[class] .aap-billing-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:32px 0 0!important;padding:24px 0 0!important;border-top:1px solid var(--vs-line);list-style:none!important}
html body[class] main .aap-billing-notes li{margin:0!important;padding:0!important;font-size:.9375rem;line-height:1.55;color:var(--vs-text)}
html body[class] main .aap-billing-notes li::before{content:none!important;display:none!important}
html body[class] .aap-billing-tiers .aap-section__inner > :is(.aap-table-scroll,.aap-billing-tiers__cta){display:none}
@media(max-width:900px){
  html body[class] .aap-billing-split{grid-template-columns:1fr;gap:28px}
  html body[class] .aap-billing-notes{grid-template-columns:1fr}
}
@media(max-width:420px){html body[class] main table.aap-billing-tiers__table :is(th,td){padding:10px 6px!important;font-size:.875rem}}

/* ── 5. One checkout frame: form left, sticky summary right with the price ─────────────────── */
/* The lineup checkouts keep their form untouched (the step wizard in aap-organic-sales-improvement.php
 * distributes the form's children into three steps, and the pay button already reads "Pay $X Today").
 * The summary is a sibling of the form, so it sits beside the pay button at every step. */
html body[class] .aap-checkout-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:40px;align-items:start;margin-top:28px}
html body[class] .aap-checkout-frame > form{min-width:0;margin:0!important}
html body[class] .aap-checkout-frame__summary{position:sticky;top:96px;display:grid;gap:10px;padding:28px!important;background:#fff;border:1px solid var(--vs-line);border-radius:var(--vs-radius);box-shadow:var(--vs-shadow)}
html body[class] .aap-checkout-frame__summary > *{margin:0!important}
html body[class] .aap-checkout-frame__name{font:700 1.25rem/1.25 var(--vs-head)!important;color:var(--vs-navy)!important}
html body[class] .aap-checkout-frame__summary .aap-price-card__price{margin-top:4px!important}
html body[class] .aap-checkout-frame__summary .aap-price-card__detail{margin-top:0!important}
html body[class] .aap-ol-checkout .aap-section__inner > h1 + p{max-width:760px;font-size:1.0625rem;color:var(--vs-muted)}
@media(max-width:900px){
  html body[class] .aap-checkout-frame{grid-template-columns:1fr;gap:20px}
  html body[class] .aap-checkout-frame__summary{position:static;order:-1;padding:22px!important}
}
/* Calculated credentialing checkout: same frame widths, the hero price set as a price, no stacked cards. */
html body[class] .aap-calculated-checkout__layout{grid-template-columns:minmax(0,640px) minmax(300px,380px)!important;gap:40px!important;justify-content:space-between;max-width:1060px!important}
html body[class] .aap-calculated-checkout__hero .aap-price-card__price{margin:6px 0 4px!important}
html body[class] .aap-calculated-checkout__hero .aap-price-card__detail{margin:0 0 12px!important}
html body[class] .aap-calculated-checkout :is(.aap-calculated-checkout__form,.aap-calculated-checkout__summary,.aap-calculated-checkout__unavailable){border-radius:var(--vs-radius)!important;border-color:var(--vs-line)!important;box-shadow:var(--vs-shadow)!important}
html body[class] .aap-calculated-checkout :is(.aap-calculated-checkout__fieldset,.aap-calculated-checkout__fit,.aap-calculated-checkout__start){padding:16px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important}
html body[class] .aap-calculated-checkout__paytotal{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;margin:22px 0 -8px!important;color:var(--vs-muted);font-size:.9375rem}
html body[class] .aap-calculated-checkout__paytotal strong{font:700 1.75rem/1 var(--vs-head);color:var(--vs-navy);font-variant-numeric:tabular-nums}
html body[class] .aap-calculated-checkout__paytotal:has(strong:empty){display:none}
@media(max-width:900px){html body[class] .aap-calculated-checkout__layout{grid-template-columns:1fr!important;gap:24px!important}}
/* 0a, belt and braces: the prose link inside the builder intro is a link, not a blue button. */
html body[class] .aap-calculated-checkout__unavailable .aap-credentialing-builder a:not(.aap-btn):not([class*="__submit"]):not([class*="button"]){display:inline!important;min-height:0!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--vs-blue)!important;font-weight:600!important;text-decoration:underline!important}
/* The builder inside the buy page is the content of its card, not a second card with a second H2. */
html body[class] .aap-calculated-checkout__unavailable .aap-credentialing-builder{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body[class] .aap-calculated-checkout__unavailable .aap-credentialing-builder :is(h2):first-of-type{display:none!important}
html body[class] fieldset.aap-credentialing-builder__government{padding:16px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
/* First Practice Launch in-page checkout: form left, After Payment list right, price beside the button. */
html body[class] .aap-paybar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 14px!important}
html body[class] .aap-paybar .aap-price-card__amt{font-size:2rem!important}
html body[class] #start :is(.aap-before-pay,.aap-project-availability--checkout,.aap-paytrust){padding:16px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}

/* ── 6. One surface per block: flatten the nests ──────────────────────────────────────────────── */
/* "When Work Begins": the aside is the surface; its three status cards become hairline columns. */
html body[class] aside.aap-start-commitment .aap-status-row{gap:0!important}
html body[class] aside.aap-start-commitment .aap-status-row > span{padding:14px 18px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body[class]:not(#vs) main aside.aap-start-commitment.aap-start-commitment h2:not(.aap-hero h2){font-size:1.5625rem!important;line-height:1.3!important}
/* Before You Pay inside a checkout card is a list with a hairline, not a third card. */
html body[class] :is(.aap-calculated-checkout__summary,.aap-checkout-frame__summary,form) .aap-before-pay{padding:16px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
/* Five cards in a three-column card grid sit 3 + 2 (design-tokens §41) on desktop already; phones stack. */

/* ── 7. One closing band per page ─────────────────────────────────────────────────────────────── */
/* Pages that end on the navy band drop the stacked tails before it (next-step card, expert aside and
 * the EHR aside). The related-links row stays: it's navigation, not a second ask. */
html body[class] main:has(.aap-cta-band) :is(aside.aap-next-step,aside.aap-expert-proof,aside.aap-ehr[data-aap-ehr]){display:none!important}
html body[class] main .aap-related-band > .aap-section__inner > .eyebrow{display:none!important}

/* ── 8. Homepage (front-page.php, 8 sections) ─────────────────────────────────────────────────── */
html body.home[class] .aap-hp-inner{box-sizing:border-box;width:100%;max-width:1200px;margin-inline:auto}
html body.home[class] .aap-hp-router .aap-price-grid__foot{text-align:center}
html body.home[class] .aap-hp-head{max-width:none;margin:0 0 8px;text-align:left}
html body.home[class] .aap-hp-head--center{text-align:center}
html body.home[class] main .aap-hp-head h2{margin:0 0 16px!important;font-size:2.5rem!important;line-height:1.15!important}
html body.home[class] main .aap-hp-head p{max-width:760px;margin:0!important;font-size:1.125rem;line-height:1.6;color:var(--vs-muted)}
html body.home[class] main .aap-hp-head--center p{margin-inline:auto!important}
/* Hero: no eyebrow, no chips, one plain start line, then the proof row on the same navy ground. */
html body.home[class] .aap-hp-hero .aap-hero__body{text-align:center}
html body.home[class] .aap-hp-hero .aap-hero__subhead{max-width:980px;margin:0 auto 20px!important}
html body.home[class] .aap-hp-hero .aap-hp-start{margin:0 auto 24px!important;color:rgba(255,255,255,.82)!important;font-size:.9375rem}
html body.home[class] .aap-hp-hero .hero-actions{justify-content:center}
html body.home[class] .aap-hp-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(1152px,calc(100% - 48px));margin:56px auto 0;padding:32px 0 0;border-top:1px solid rgba(255,255,255,.16);list-style:none;text-align:left;background:transparent}
html body.home[class] .aap-hp-proof li{margin:0;padding:0;color:rgba(255,255,255,.80);font-size:.9375rem;line-height:1.45;list-style:none}
html body.home[class] .aap-hp-proof li::before{content:none!important}
html body.home[class] .aap-hp-proof strong{display:block;margin-bottom:6px;color:#fff;font:700 2rem/1.05 var(--vs-head);letter-spacing:-.01em}
html body.home[class] .aap-hp-proof a{color:#fff!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* Router: centred head, six price cards, one line under. */
html body.home[class] .aap-hp-router .aap-price-grid{margin-top:40px}
html body.home[class] .aap-hp-router .aap-price-card__inc{display:none!important}
html body.home[class] .aap-hp-router .aap-price-card__for{margin-top:10px!important;color:var(--vs-text)!important;opacity:.86}
/* How it works: four steps in a row, then the real Command Suite recording as a full-width band. */
html body.home[class] .aap-hp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0;list-style:none;counter-reset:hpstep}
html body.home[class] .aap-hp-steps > li{margin:0;padding:20px 0 0;border-top:3px solid var(--vs-keyline);list-style:none;counter-increment:hpstep}
html body.home[class] .aap-hp-steps > li::before{content:counter(hpstep)!important;display:block;margin:0 0 8px;color:var(--vs-blue);font:700 .9375rem/1 var(--vs-head);position:static!important;width:auto!important;height:auto!important;background:none!important}
html body.home[class] main .aap-hp-steps h3{margin:0 0 8px!important;font-size:1.25rem!important;color:var(--vs-navy)}
html body.home[class] .aap-hp-steps p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--vs-text)}
html body.home[class] .aap-hp-upstream{margin:32px 0 0!important;max-width:820px;font-size:1rem;color:var(--vs-muted)}
html body.home[class] .aap-hp-band{margin:48px 0 0;padding:0}
html body.home[class] .aap-hp-band video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f4f8fc;border:1px solid var(--vs-line);border-radius:var(--vs-radius)}
html body.home[class] .aap-hp-band__more{margin:12px 0 0!important;font-size:.9375rem}
html body.home[class] .aap-hp-band__more a{font-weight:600}
/* How paying works: four plain lines, two columns, one button. */
html body.home[class] .aap-hp-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;margin:32px 0 0!important;padding:0!important;list-style:none!important}
html body.home[class] main .aap-hp-pay li{position:relative;margin:0!important;padding:0 0 0 28px!important;font-size:1.0625rem;line-height:1.55;color:var(--vs-text)}
html body.home[class] main .aap-hp-pay li::before{content:""!important;position:absolute;left:0;top:.25em;width:18px;height:18px;border-radius:50%;border:0!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%231a56db' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat!important}
html body.home[class] .aap-hp-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:32px 0 0}
/* Why us: three columns with the keyline, no cards inside cards. */
html body.home[class] .aap-hp-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0}
html body.home[class] .aap-hp-why > article{margin:0;padding:20px 0 0;border-top:3px solid var(--vs-keyline)}
html body.home[class] main .aap-hp-why h3{margin:0 0 10px!important;font-size:1.25rem!important;color:var(--vs-navy)}
html body.home[class] .aap-hp-why p{margin:0 0 12px;font-size:.9375rem;line-height:1.6;color:var(--vs-text)}
html body.home[class] .aap-hp-why a{font-weight:600}
/* Results: founder strip, three cases, then the provider note as a full-width proof band. */
html body.home[class] .aap-hp-founder{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;margin:40px 0 0}
html body.home[class] .aap-hp-founder img{display:block;width:200px;height:250px;object-fit:cover;object-position:top;border-radius:var(--vs-radius)}
html body.home[class] .aap-hp-founder p{margin:0 0 14px;font-size:1.0625rem;line-height:1.65;color:var(--vs-text);max-width:820px}
html body.home[class] .aap-hp-founder .aap-hp-actions{margin-top:8px}
html body.home[class] .aap-hp-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0}
html body.home[class] .aap-hp-cases > article{display:flex;flex-direction:column;margin:0;padding:24px;background:#fff;border:1px solid var(--vs-line);border-radius:var(--vs-radius);box-shadow:none}
html body.home[class] main .aap-hp-cases h3{margin:0 0 10px!important;font-size:1.125rem!important;line-height:1.35!important;color:var(--vs-navy)}
html body.home[class] .aap-hp-cases p{margin:0 0 14px;font-size:.9375rem;line-height:1.6;color:var(--vs-text)}
html body.home[class] .aap-hp-cases a{margin-top:auto;font-weight:600}
html body.home[class] .aap-hp-note{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;margin:48px 0 0;padding:32px;background:#fff;border:1px solid var(--vs-line);border-radius:var(--vs-radius)}
html body.home[class] .aap-hp-note img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--vs-line)}
html body.home[class] .aap-hp-note p{margin:0 0 14px;font-size:1.125rem;line-height:1.6;color:var(--vs-text)}
html body.home[class] .aap-hp-note a{font-weight:600}
html body.home[class] .aap-hp-allcases{margin:28px 0 0!important}
html body.home[class] .aap-hp-allcases a{font-weight:600}
/* Reviews: three quotes, no boxed cards. */
html body.home[class] .aap-hp-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0 0}
html body.home[class] .aap-hp-quotes figure{margin:0;padding:20px 0 0;border-top:3px solid var(--vs-keyline)}
html body.home[class] .aap-hp-quotes blockquote{margin:0 0 16px!important;padding:0!important;border:0!important;background:none!important;font:500 1.0625rem/1.6 var(--vs-body);color:var(--vs-text);quotes:none}
html body.home[class] .aap-hp-quotes figcaption b{display:block;color:var(--vs-navy);font-weight:700}
html body.home[class] .aap-hp-quotes figcaption span{display:block;color:var(--vs-muted);font-size:.9375rem}
@media(max-width:1000px){
  html body.home[class] .aap-hp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.home[class] .aap-hp-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.home[class] .aap-hp-cases,html body.home[class] .aap-hp-quotes,html body.home[class] .aap-hp-why{grid-template-columns:1fr;gap:24px}
  html body.home[class] .aap-hp-note{grid-template-columns:1fr;gap:20px}
}
@media(max-width:700px){
  html body.home[class] .aap-hp-proof{width:calc(100% - 48px)}
  html body.home[class] .aap-hp-router .aap-price-grid__foot{text-align:left}
  html body.home[class] main .aap-hp-head h2{font-size:1.9375rem!important}
  html body.home[class] main .aap-hp-head p{font-size:1rem}
  html body.home[class] .aap-hp-head--center{text-align:left}
  html body.home[class] .aap-hp-hero .aap-hero__body{text-align:left}
  html body.home[class] .aap-hp-hero .hero-actions{justify-content:flex-start}
  html body.home[class] .aap-hp-proof{gap:20px 16px;margin-top:36px;padding-top:24px}
  html body.home[class] .aap-hp-proof strong{font-size:1.5rem}
  html body.home[class] .aap-hp-proof li{font-size:.875rem}
  html body.home[class] .aap-hp-steps{grid-template-columns:1fr;gap:20px}
  html body.home[class] .aap-hp-pay{grid-template-columns:1fr}
  html body.home[class] main .aap-hp-pay li{font-size:1rem}
  html body.home[class] .aap-hp-founder{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}
  html body.home[class] .aap-hp-founder img{width:96px;height:120px}
  html body.home[class] .aap-hp-founder p{font-size:1rem}
  html body.home[class] .aap-hp-note{padding:20px}
  html body.home[class] .aap-hp-note p{font-size:1rem}
}

/* ── 9. Nav: Services grouped by the four business lines ──────────────────────────────────────── */
@media(min-width:1025px){
  html body[class] .site-header .dropdown.dropdown--groups{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr));gap:4px 8px;min-width:820px;padding:16px!important}
  html body[class] .site-header .dropdown--groups .dropdown-group{display:flex;flex-direction:column;gap:2px;min-width:0}
  html body[class] .site-header .dropdown--groups .dropdown-foot{grid-column:1/-1;margin-top:6px;padding-top:8px;border-top:1px solid var(--vs-line)}
}
html body[class] .site-header .dropdown-group__title{margin:0 0 4px;padding:6px .85rem 4px;color:var(--vs-muted);font:600 .8125rem/1.3 var(--vs-body);letter-spacing:0;text-transform:none}
html body[class] .site-header .dropdown--groups .dropdown-item{white-space:nowrap}
html body[class] .mobile-drawer .mobile-sub-group{margin:10px 0 2px;padding:0 .75rem;color:var(--vs-navy);font:600 .8125rem/1.3 var(--vs-body);list-style:none}
html body[class] .mobile-drawer .mobile-cta-group .btn + .btn{margin-top:0}

/* ── 10. /packages/ rhythm (sections pinned by id, so moving the price row can't flip parity) ── */
html body[class] main .aap-page-content:has(> section#what-you-pay) > section#offers{padding-block:96px!important;background-color:#eef3fa!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > section#what-you-pay.aap-section{background-color:#fff!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > section#how-credentialing-pricing-works.aap-section{background-color:#eef3fa!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > div#billing > section#billing-prices.aap-section{background-color:#fff!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > div#automation > section#automation-programs.aap-section{background-color:#eef3fa!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > div#automation + section.aap-section:not(.aap-faq):not(.aap-cta-band){background-color:#fff!important}
html body[class] main .aap-page-content:has(> section#what-you-pay) > div#automation ~ section.aap-faq{background-color:#eef3fa!important}
html body[class]:not(#vs) main section#offers.aap-funnel{box-sizing:border-box;width:auto!important;max-width:none!important;margin:0!important;padding-inline:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body[class]:not(#vs) main section#offers .aap-funnel__intro{box-sizing:border-box;width:min(1152px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding:0!important;text-align:left!important}
html body[class]:not(#vs) main section#offers .aap-funnel__intro p{max-width:760px!important;margin-inline:0!important}
html body[class]:not(#vs) main section#offers > :is(.aap-price-grid,.aap-price-grid__foot){width:min(1152px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:720px){html body[class] main .aap-page-content:has(> section#what-you-pay) > section#offers{padding-block:64px!important}}
html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) :is(.aap-package-tailoring,aside.aap-project-availability--packages){box-sizing:border-box;width:min(1152px,calc(100% - 48px))!important;max-width:none!important;margin:24px auto!important}
html body[class]:not(#vs) main aside.aap-project-availability--packages{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body[class] .aap-cpe-table__grid td:last-child .aap-btn{white-space:nowrap}
/* single card (First Practice Launch price section) sits at card width, not a third of the row */
html body[class] .aap-price-grid.aap-price-grid--single{grid-template-columns:minmax(0,420px)!important;margin:28px 0 24px!important}
html body[class] .aap-price-grid--single > .aap-price-card{grid-row:auto;grid-template-rows:none}
/* "When Work Begins" sits on the page ground with a hairline, so it never makes two tints in a row */
html body[class]:not(#vs) main aside.aap-start-commitment{background:transparent!important;background-color:transparent!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-bottom:1px solid var(--vs-line)!important;border-radius:0!important;box-shadow:none!important}
/* related-links column labels: plain Title Case, no uppercase pill */
html body[class]:not(#vs) main .aap-related__label{padding:0!important;border:0!important;background:none!important;color:var(--vs-muted)!important;font:600 .8125rem/1.3 var(--vs-body)!important;letter-spacing:0!important;text-transform:none!important}
/* one frame for proof: the plain figure inside the old browser chrome loses its own card */
html body[class] main .aap-browser .aap-proof__figure{border:0!important;box-shadow:none!important;border-radius:0!important}
html body[class]:not(#vs) main .aap-package-buying-guide h2{font-size:2.5rem!important;line-height:1.15!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-package-buying-guide h2{font-size:1.9375rem!important}}
/* [aap_billing_tiers] printed inside another section (/mental-health-billing/ and friends): the outer
 * section is the surface, so the inner one drops its own white box and gutter. */
html body[class]:not(#vs) main .aap-section .aap-section.aap-billing-tiers{margin:32px 0 0!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}
html body[class]:not(#vs) main .aap-section .aap-section.aap-billing-tiers > .aap-section__inner{max-width:none!important;padding:0!important}
/* homepage gutter: the theme forces body.home .aap-section__inner to calc(100% - 40px) plus 16px padding (36px on a phone);
 * the homepage sections use the site gutter instead (1152 content at 1440, 24px on a phone), same as the hero and proof row. */
html body.home[class]:not(#vs) main .aap-section__inner.aap-hp-inner{box-sizing:border-box;width:auto!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:24px!important}

/* ── 11. Appearance pass 2026-10-09: rhythm, separation, theme surfaces ───────────────────────────
 * Ryan 10-09: "no gaps where there should be", "things blend together", "not in my current theme".
 * Causes found in the 10-08 system and fixed here (rollback = delete this section):
 *  a. 0c zeroed the top margin of every H2 that follows an eyebrow. The eyebrows are now hidden, so
 *     those H2s sat flush on the block above them (e.g. /services/ "What To Compare Us On").
 *  b. --vs-shadow (0 1px 2px) flattened every card; the theme's card lift is --aap-shadow.
 *  c. Flattened nests (billing block inside a section, order-form request) lost all separation.
 *  d. Tinted .aap-work-moves / .aap-faq blocks inside sections had text touching the tint edge.
 *  e. Phone sections were 52px; injected islands between sections had no rhythm of their own.   */
:root{--vs-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08);--vs-gap-h2:64px;--vs-island:64px}
@media(max-width:700px){:root{--vs-gap-h2:48px;--vs-island:48px}}

/* a. An H2 after a hidden eyebrow gets real space above it, unless it is the first thing in its box. */
html body[class]:not(#vs) main :is(.eyebrow,[class*="__eyebrow"]):not(.aap-hero *):not(.aap-calculated-checkout__hero *):not(:first-child) + h2{margin-top:var(--vs-gap-h2)!important}
html body[class]:not(#vs) main :is(.aap-section__inner,.aap-hp-inner) > :is(p:not(.eyebrow):not([class*="__eyebrow"]),ul,ol,div,table,figure,blockquote,details,aside) ~ h2{margin-top:var(--vs-gap-h2)!important}

/* b. Cards keep the theme lift, on white and on the tint alike. */
html body[class] main :is(.aap-section--tint,.aap-section:nth-of-type(even),.aap-cpe-table,.aap-funnel) :is(.aap-card,.aap-cap,.aap-quote-card,.aap-price-card){box-shadow:var(--vs-shadow)!important}

/* e. Section rhythm on phones: 64px top and bottom (was 52). */
@media(max-width:700px){
  html body[class] main .aap-page-content > section.aap-section:not(.aap-hero):not(.aap-cta-band),
  html body[class] main > section.aap-section:not(.aap-hero):not(.aap-cta-band){padding-top:64px!important;padding-bottom:64px!important}
}

/* c1. [aap_billing_tiers] inside another section: its own block, set off by space and a hairline. */
html body[class]:not(#vs) main .aap-section .aap-section.aap-billing-tiers{margin-top:72px!important;padding-top:64px!important;border-top:1px solid var(--vs-line)!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-section .aap-section.aap-billing-tiers{margin-top:48px!important;padding-top:44px!important}}
/* c2. The phone rate table: the responsive-stack rule forced every cell to 100% and let digits wrap one per line. */
html body[class] main table.aap-billing-tiers__table :is(th,td){width:auto!important;min-width:0!important}
html body[class] main table.aap-billing-tiers__table td.num{white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
html body[class] main table.aap-billing-tiers__table td:first-child{width:auto!important}
/* c3. "Want the rates in writing first?" is one framed offer with space above it, not a stray form. */
html body[class] main .aap-ofr{box-sizing:border-box;max-width:820px;margin:48px 0 0!important;padding:28px 32px!important;background:#fff;border:1px solid var(--vs-line);border-radius:var(--vs-radius);box-shadow:var(--vs-shadow)}
html body[class] main :is(.aap-section:not(.aap-section--tint):not(:nth-of-type(even)),.aap-ol-checkout) .aap-ofr{background:#f6f8fb}
html body[class] main .aap-ofr .aap-after-pay__after{margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:1rem;line-height:1.55}
html body[class] main .aap-ofr + p{margin-top:24px!important}
@media(max-width:700px){html body[class] main .aap-ofr{margin-top:36px!important;padding:22px 20px!important}}

/* d. Blocks that print their own tint inside a section: the section is the ground, hairlines separate. */
html body[class] main .aap-section :is(.aap-work-moves,.aap-faq:not(section)){background-color:transparent!important;background-image:none!important}
html body[class] main .aap-page-content > .aap-work-moves{padding:40px 44px!important;border:1px solid var(--vs-line)!important;border-radius:var(--vs-radius)!important;margin-block:var(--vs-island)!important}
@media(max-width:700px){html body[class] main .aap-page-content > .aap-work-moves{padding:28px 20px!important;margin-inline:24px!important}}

/* Two process cards (/services/, /how-we-work/): side by side with a gap, not stacked flush. */
html body[class] main .aap-home-process-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
@media(max-width:800px){html body[class] main .aap-home-process-grid{grid-template-columns:1fr;gap:16px}}

/* Islands that sit between sections get section rhythm and the content column. */
html body[class] main .aap-page-content > aside.aap-standbehind{margin-block:var(--vs-island)!important}
html body[class] main .aap-page-content > aside.aap-project-availability{margin-top:40px!important;margin-bottom:40px!important}
html body[class] main .aap-page-content > :is(p.aap-xlink,p.aap-xlink2){box-sizing:border-box;width:min(1152px,calc(100% - 48px));max-width:none!important;margin:40px auto!important;color:var(--vs-muted)}
/* /packages/: the start-month line and the two tailoring notes read as one note above the billing band. */
html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) :is(.aap-package-tailoring,aside.aap-project-availability--packages){margin:0 auto!important}
html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) aside.aap-project-availability--packages{padding-top:72px!important}
html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) .aap-package-tailoring{padding:24px 0 8px!important}
html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) .aap-package-tailoring p{max-width:860px;margin:0 0 16px!important;padding:0!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-page-content:has(> section#what-you-pay) aside.aap-project-availability--packages{padding-top:48px!important}}

/* Related links: a labelled list in columns, not one long ribbon down the left edge. */
html body[class]:not(#vs) main .aap-related__label{margin:0 0 16px!important;color:var(--vs-navy)!important;font:700 1.125rem/1.3 var(--vs-head)!important}
html body[class]:not(#vs) main .aap-related__links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;margin:0!important;padding:0!important}
html body[class]:not(#vs) main .aap-related-band__grid:has(> .aap-related-band__col + .aap-related-band__col) .aap-related__links{grid-template-columns:1fr}
@media(max-width:800px){html body[class]:not(#vs) main .aap-related__links{grid-template-columns:1fr;gap:10px}}

/* Buttons that stack on a phone keep a gap between them. */
@media(max-width:700px){
  html body[class] main :is(.hero-actions,.aap-hero__actions,.aap-actions,.aap-cta-row,.aap-btn-row,.aap-buttons,p) > :is(a.aap-btn,a.btn) + :is(a.aap-btn,a.btn){margin-top:12px!important}
}

/* Credentialing buy pages: the builder fills its card on phones, and the card lines up with the hero. */
html body[class] .aap-calculated-checkout__unavailable .aap-credentialing-builder{width:100%!important;max-width:none!important}
@media(min-width:901px){html body[class] .aap-calculated-checkout__unavailable{margin-left:max(0px,calc((100% - 1040px)/2))!important;margin-right:auto!important}}
/* /packages/ "What Will You Pay?": the lead sits under its left-aligned heading, not centred off to the side. */
html body[class]:not(#vs) main section#what-you-pay .aap-section__inner > p.aap-lead-narrow{margin-left:0!important;margin-right:0!important;text-align:left!important}
/* /packages/ phone price table: each row card gets real padding; the situation cell is a heading, not a tinted strip. */
@media(max-width:640px){
  html body[class]:not(#vs) main table.aap-responsive-stack.aap-cpe-table__grid tr{padding:8px 18px!important;margin-bottom:14px!important;box-shadow:var(--vs-shadow)}
  html body[class]:not(#vs) main table.aap-responsive-stack.aap-cpe-table__grid tbody th{background:transparent!important}
}
/* /packages/ buying guide card: space above it, so it doesn't sit on the FAQ band's edge. */
html body[class]:not(#vs) main section.aap-package-buying-guide{margin-top:var(--vs-island)!important}
/* A second heading block inside the same section (after a card grid) starts a new topic: give it room. */
html body[class]:not(#vs) main .aap-section > :is(.aap-cap-grid,.aap-card-grid,.aap-cards) + .aap-section__inner{margin-top:88px!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-section > :is(.aap-cap-grid,.aap-card-grid,.aap-cards) + .aap-section__inner{margin-top:56px!important}}
html body[class] main .aap-after-pay :is(ol,ul) + .aap-after-pay__after{margin-top:32px!important}
/* Phones: section heads read left like the body copy under them (the centred inline heads stay centred on desktop). */
@media(max-width:700px){
  html body[class]:not(#vs) main .aap-section__inner[style*="text-align:center"]{text-align:left!important}
  html body[class]:not(#vs) main .aap-section__inner[style*="text-align:center"] > :is(h2,p,.aap-lead-narrow){margin-left:0!important;margin-right:0!important;text-align:left!important}
}
@media(max-width:700px){html body[class]:not(#vs) main aside.aap-start-commitment.aap-start-commitment h2:not(.aap-hero h2){font-size:1.375rem!important;line-height:1.3!important}}
/* Card headings: no empty band above the first heading in a card, and an H2 inside a card is card-sized. */
html body[class]:not(#vs) main :is(.aap-card,.aap-cap,.aap-process,.aap-goal,.aap-situation-card) > :is(h2,h3,h4):first-child{margin-top:0!important}
html body[class]:not(#vs) main .aap-section .aap-card > h2:not(.aap-hero h2){font-size:1.625rem!important;line-height:1.22!important;margin-bottom:12px!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-section .aap-card > h2:not(.aap-hero h2){font-size:1.375rem!important}}
html body[class] main.aap-calculated-checkout{padding-bottom:40px}
/* Homepage "From Your Price To Work Started": the four steps use the full row (a reading-width cap on <ol> held them to 800px). */
html body.home[class] main .aap-hp-steps{max-width:none!important;width:100%!important}
/* Page tails (Related list, Keep Reading band, state links): one calm white run divided by hairlines.
 * Parity striping (and sections hidden or moved by other rules) left two same-colour bands touching with
 * 128px+ of empty ground between them; this gives the tail its own fixed ground instead. */
html body[class]:not(#vs) main section.aap-section:has(> .aap-section__inner > .aap-related:only-child),
html body[class]:not(#vs) main section.aap-section.aap-related-band,
html body[class]:not(#vs) main aside.aap-section.aap-state-az{background-color:#fff!important;background-image:none!important;padding-top:56px!important;padding-bottom:56px!important;border-top:1px solid var(--vs-line)!important}
@media(max-width:700px){
  html body[class]:not(#vs) main section.aap-section:has(> .aap-section__inner > .aap-related:only-child),
  html body[class]:not(#vs) main section.aap-section.aap-related-band,
  html body[class]:not(#vs) main aside.aap-section.aap-state-az{padding-top:44px!important;padding-bottom:44px!important}
}
/* §10 strips the gutter from every section#offers.aap-funnel, which is right for /packages/ but left the
 * package picker on /pmhnp/ (and any hub using the same router) running edge to edge with no gutter. */
html body[class]:not(#vs) main section#offers.aap-funnel > :is(.aap-package-picker,.aap-offer-secondary){box-sizing:border-box;width:min(1152px,calc(100% - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
html body[class]:not(#vs) main section#offers.aap-funnel > .aap-offer-secondary{margin-top:24px!important}
/* Two navy bands in a row (lead magnet, then the compare bridge) read as one band with a white seam: close the seam. */
html body[class]:not(#vs) main .aap-magnet-band + aside.aap-bridge,
html body[class]:not(#vs) main .aap-magnet-band + script + aside.aap-bridge{margin-top:0!important;border-top:1px solid rgba(255,255,255,.12)!important}
html body[class]:not(#vs) main section#offers.aap-funnel > .aap-package-picker{margin-top:32px!important}
@media(max-width:700px){html body[class]:not(#vs) main .aap-offer-secondary__grid article{grid-template-columns:1fr!important;gap:10px}}


/* ── 12. Menu pass 2026-10-09: aligned desktop columns, quiet mobile list ────────────────────── */
@media(min-width:1025px){
  html body[class] .site-header .dropdown.dropdown--groups{grid-template-columns:repeat(4,max-content)!important;column-gap:28px!important;row-gap:4px!important;min-width:0!important;width:max-content!important;max-width:calc(100vw - 48px)!important;padding:18px 18px 12px!important}
  html body[class] .site-header .dropdown--groups .dropdown-group__title{margin:0!important;padding:.4rem .85rem .35rem!important;white-space:nowrap;color:var(--vs-muted);font:600 .8125rem/1.3 var(--vs-body)}
  html body[class] .site-header .dropdown--groups .dropdown-item{padding:.55rem .85rem!important}
  html body[class] .site-header .dropdown--groups .dropdown-foot{margin-top:8px!important;padding-top:10px!important}
}
@media(min-width:1025px) and (max-width:1279px){
  html body[class] .site-header .dropdown.dropdown--groups{grid-template-columns:repeat(2,max-content)!important;row-gap:14px!important}
}
html body[class] .mobile-drawer .mobile-sub-list > li.mobile-sub-group{display:none!important}
html body[class] .mobile-drawer .mobile-sub-list > li.mobile-sub-group:not(:first-child) + li,
html body[class] .mobile-drawer .mobile-sub-list > li:last-child{border-top:1px solid var(--vs-line);margin-top:8px;padding-top:8px}
html body:has(#mobile-drawer[aria-hidden="false"]) .aapc-launch{display:none!important}