/* sales-experience-refinement.css */
.aap-expert-proof{max-width:1160px;margin:clamp(34px,5vw,60px) auto;padding:clamp(24px,3.5vw,36px);display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:clamp(24px,4vw,48px);align-items:center;border:1px solid #cbd9e9;border-radius:16px;background:linear-gradient(135deg,#f8fbff 0%,#eef5fc 100%);box-shadow:0 14px 38px rgba(15,42,71,.08)}
      .aap-expert-proof h2{margin:.3rem 0 0;color:#0f2a47;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.18;text-wrap:balance}.aap-expert-proof__points{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.aap-expert-proof__points p{margin:0;padding:14px 16px;border:1px solid #d8e4f1;border-radius:11px;background:#fff}.aap-expert-proof__points strong,.aap-expert-proof__points span{display:block}.aap-expert-proof__points strong{color:var(--color-blue);margin-bottom:3px}.aap-expert-proof__points span{color:#52647a;font-size:.92rem;line-height:1.55}.aap-expert-proof__response{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid #d8e4f1;color:#52647a;font-size:.84rem;line-height:1.55}
      .aap-buy-fast-summary{margin:0 0 22px;padding:18px;border:1px solid #b9cfe5;border-left:5px solid var(--color-blue);border-radius:11px;background:#f5f9fd}.aap-buy-fast-summary p{margin:0 0 10px;color:#364e68;font-size:.92rem;line-height:1.55}.aap-buy-fast-summary p:last-child{margin-bottom:0}.aap-buy-fast-summary strong,.aap-buy-fast-summary b{color:#0f2a47}.aap-state-help{display:block;margin-top:7px;color:#5b6e83;font-weight:500;line-height:1.45}
      .aap-direct-scope .aap-addon-builder{display:none!important}.aap-direct-scope-note{display:grid;gap:7px;margin:18px 0;padding:17px 18px;border:1px solid #cbdbea;border-left:5px solid var(--color-blue);border-radius:11px;background:#f7fbff;color:#4b6076;font-size:.9rem;line-height:1.5}.aap-direct-scope-note strong{color:#0f2a47;font-size:1rem}.aap-direct-scope-note a{font-weight:750;text-underline-offset:3px}
      .aap-payer-guide{margin:16px 0 18px;padding:clamp(18px,2.7vw,24px);border:1px solid #c4d6e8;border-radius:14px;background:linear-gradient(145deg,#f9fcff 0%,#eef6ff 100%);box-shadow:0 12px 28px rgba(15,42,71,.07)}.aap-payer-guide h3{margin:0 0 7px;font-size:clamp(1.18rem,2vw,1.4rem);line-height:1.2;color:#0f2a47}.aap-payer-guide h4{margin:0 0 7px;color:#0f2a47;font-size:.98rem}.aap-payer-guide p{margin:0 0 10px;color:#52647a;font-size:.9rem;line-height:1.55}.aap-payer-guide__intro{padding-bottom:14px;border-bottom:1px solid #d5e2ef}.aap-payer-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.aap-payer-guide__panel{padding:14px;border:1px solid #d6e3ef;border-radius:11px;background:rgba(255,255,255,.86)}.aap-payer-guide__panel--wide{grid-column:1/-1}.aap-payer-guide__links{display:flex;flex-wrap:wrap;gap:8px 14px}.aap-payer-guide__links a,.aap-payer-guide__source{font-weight:750;font-size:.86rem;text-underline-offset:3px}.aap-payer-guide__chips{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0;padding:0;list-style:none}.aap-payer-guide__chips li{padding:6px 9px;border:1px solid #d4e2ef;border-radius:999px;background:#f5f9fd;color:#314b66;font-size:.77rem;line-height:1.25}.aap-payer-guide__requirements{display:grid;gap:9px;margin:0;padding:0;list-style:none}.aap-payer-guide__requirements li{padding-left:13px;border-left:3px solid var(--color-blue);color:#4c6076;font-size:.85rem;line-height:1.45}.aap-payer-guide__requirements strong{display:block;color:#173955;margin-bottom:2px}.aap-payer-guide details{margin-top:10px;border:1px solid #d6e3ef;border-radius:9px;background:#fff}.aap-payer-guide summary{display:flex;align-items:center;min-height:44px;padding:9px 12px;color:#17456f;font-size:.84rem;font-weight:750;line-height:1.3;cursor:pointer}.aap-payer-guide details[open] summary{border-bottom:1px solid #dce7f1}.aap-payer-guide__disclosure-body{padding:12px}.aap-payer-guide__disclosure-body>.aap-payer-guide__links{margin-bottom:4px}.aap-payer-guide__action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:3px;padding:10px 14px;border:0;border-radius:9px;background:var(--color-blue);color:#fff;font:750 .86rem/1.2 inherit;cursor:pointer;box-shadow:0 7px 16px rgba(26,86,219,.18)}.aap-payer-guide__action:hover{background:var(--color-blue-dark,#1547b8)}.aap-payer-guide__timing{margin:0!important;padding:0!important;border:0!important}.aap-payer-guide__verified{color:#365d83!important;font-size:.78rem!important}.aap-regional-payer{background:#eef6ff;border-radius:8px;padding:8px 10px!important}
      .aap-cband--compact{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px 32px;align-items:center;padding:24px 28px!important}.aap-cband--compact h2{text-wrap:balance!important}.aap-cband--compact .aap-cband__actions{display:grid;grid-auto-flow:row;align-content:center;gap:11px}.aap-cband--compact .aap-cband__go{text-align:center}.aap-cband--compact h2{margin-bottom:7px!important}.aap-cband--compact p{margin-bottom:0!important}.aap-cband__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.aap-cband__packages{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#fff!important;font-weight:750;text-decoration:none!important}.aap-cband--compact .aap-cband__fine{grid-column:1/-1;margin-top:0}.aap-cband--compact .aap-cband__fine a{color:#dbe9f8!important}
      .mobile-sub-link,.primary-nav a.nav-link{min-height:44px;display:flex!important;align-items:center}.aap-offer-card .aap-text-link{min-height:44px;display:inline-flex;align-items:center}
      @media(min-width:1101px){body.home .aap-hero--split{grid-template-columns:minmax(520px,.84fr) minmax(0,1.16fr)!important}body.home .aap-hero{padding-bottom:72px}body.home .aap-hero h1{font-size:clamp(3.25rem,4vw,3.5rem)!important;line-height:1.04!important}}
      @media(max-width:900px){.aap-expert-proof{grid-template-columns:1fr;margin-inline:16px}.aap-buy-grid{display:flex!important;flex-direction:column}.aap-buy-grid>#aap-buy-form{order:1}.aap-buy-grid>.aap-buy-info{order:2;margin-top:34px}.aap-cband--compact{grid-template-columns:1fr}.aap-cband--compact .aap-cband__fine{grid-column:auto}}
      @media(max-width:540px){.aap-expert-proof{padding:20px 18px;gap:18px}.aap-expert-proof h2{font-size:1.48rem}.aap-expert-proof__points{grid-template-columns:1fr;gap:9px}.aap-expert-proof__points p{min-height:0;padding:13px 14px;text-align:left}.aap-expert-proof__points strong{margin-bottom:3px;font-size:.82rem;line-height:1.25}.aap-expert-proof__points span{font-size:.84rem;line-height:1.48}.aap-cband__actions{display:grid}.aap-cband__actions a{width:100%}.aap-payer-guide{padding:17px 15px}.aap-payer-guide__grid{grid-template-columns:1fr}.aap-payer-guide__panel--wide{grid-column:auto}.aap-payer-guide__links{display:grid}.aap-payer-guide__action{width:100%}}
      @media(max-width:900px){.aap-action-rail.aap-has-visible-choice{transform:translateY(125%)!important;opacity:0!important;pointer-events:none!important}}

/* live-conversion-polish.css */
    :root{--aap-container-wide:1200px;--aap-container-sales:1040px;--aap-container-reading:800px;--aap-gutter:32px;--aap-radius-card:20px;--aap-radius-control:14px;--aap-section-space:clamp(72px,7vw,96px);--aap-shadow-premium:0 18px 48px rgba(15,42,71,.09)}
    .aap-section__inner,.aap-hero--split,.aap-split,.aap-home-trust__grid,.aap-quotes,.aap-cta-band__inner,.aap-stat-band__inner{width:min(var(--aap-container-wide),calc(100% - (var(--aap-gutter) * 2)));margin-left:auto;margin-right:auto}
    .aap-page-content>section:not(.aap-hero):not(.aap-cta-band):not(.aap-mpsp-order),main>.aap-section{padding-top:var(--aap-section-space);padding-bottom:var(--aap-section-space)}
    .aap-section__inner>p,.aap-section__inner>ul,.aap-section__inner>ol,.aap-section__inner>h2+.aap-lead-narrow{max-width:var(--aap-container-reading)}
    .aap-center>p,.aap-center>ul,.aap-center>ol{margin-left:auto;margin-right:auto}
    .aap-btn,.btn,.aap-outcome-btn{min-height:48px;border-radius:var(--radius-btn,14px)!important;padding-left:20px;padding-right:20px}
    .aap-outcome{box-sizing:border-box}
    .aap-command-tour-grid{align-items:start}.aap-command-tour-grid>figure{min-width:0;margin:0}.aap-command-tour-grid video{display:block;width:100%;height:auto}
    :is(body.aap-family-credentialing-index,body.aap-family-credentialing-state) .hero .crumb{display:none!important}
    .aap-hero h1{max-width:16ch;text-wrap:balance}
    /* The 16ch measure above suits long category headlines. The homepage headline is
       short, and 16ch broke it onto three lines with room to spare. Desktop/tablet only:
       below 641px the existing mobile rule already reads correctly. */
    @media(min-width:641px){body.home #hero-heading{max-width:26ch!important;font-size:clamp(2.4rem,3.2vw,3.0rem)!important}}
    .aap-hero p{max-width:66ch}.aap-hero__assist{font-weight:700;letter-spacing:.01em}

    /* Families share readable containers without forcing every card into one visual treatment. */
    :is(body.aap-family-money,body.aap-family-hub,body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-page-content :is(p,li){text-wrap:pretty}
    :is(body.aap-family-money,body.aap-family-hub,body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-page-content :is(.aap-section__inner,.aap-hero__inner){max-width:var(--aap-container-wide)}
    :is(body.aap-family-money,body.aap-family-hub,body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-page-content :is(.aap-card,.aap-package-card){border-radius:16px;box-shadow:0 10px 30px rgba(15,42,71,.07)}
    :is(body.aap-family-money,body.aap-family-hub,body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-page-content :is(.aap-card,.aap-package-card):hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,42,71,.11)}
    :is(body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-article-actions{width:min(var(--aap-container-reading),calc(100% - 40px));margin:28px auto 48px;display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
    :is(body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-article-actions .aap-btn{margin:0;min-height:48px}

    /* Packages: one decision system, then compact improvement choices and buying details. */
    body.aap-family-packages .aap-page-wrapper .aap-page-content .aap-hero{min-height:auto;padding-top:clamp(48px,6vw,72px)!important;padding-bottom:clamp(48px,6vw,68px)}
    body.aap-family-packages .aap-hero h1{max-width:20ch}
    body.aap-family-packages .aap-funnel--router{max-width:1120px;padding:clamp(52px,6vw,68px) 24px}
    body.aap-family-packages .aap-funnel__intro{max-width:760px;margin:0 auto 30px;text-align:center}
    body.aap-family-packages .aap-package-picker{gap:18px}
    body.aap-family-packages .aap-package-picker__choices{gap:8px}
    body.aap-family-packages .aap-package-choice{min-height:62px;padding:12px 15px;border-radius:11px}
    body.aap-family-packages .aap-package-panel{padding:clamp(22px,3vw,30px);border-radius:18px;box-shadow:0 14px 38px rgba(15,42,71,.08)}
    body.aap-family-packages .aap-package-panel__service span{padding:10px 11px}
    body.aap-family-packages .aap-offer-secondary{margin-top:22px;padding:19px 21px;box-shadow:none}
    body.aap-family-packages .aap-funnel__help{margin:22px auto 0}
    body.aap-family-packages .aap-outcome-offer-grid{max-width:1088px;margin:0 auto!important;padding:clamp(52px,6vw,68px) 24px!important}
    body.aap-family-packages .aap-outcome__heading{margin-bottom:26px}
    body.aap-family-packages .aap-outcome-offer-grid__cards{gap:14px}
    body.aap-family-packages .aap-outcome-offer-card{padding:21px 20px!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,42,71,.065)!important}
    body.aap-family-packages .aap-outcome-offer-card__problem{margin-bottom:8px}
    body.aap-family-packages .aap-outcome-offer-card h3{margin-bottom:11px}
    body.aap-family-packages .aap-outcome-card-disclosure{margin:2px 0 14px;border-block:1px solid #dce6ef;color:#52647a}
    body.aap-family-packages .aap-outcome-card-disclosure summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#0f2a47;font-size:.86rem;font-weight:800;cursor:pointer;list-style:none}
    body.aap-family-packages .aap-outcome-card-disclosure summary::-webkit-details-marker{display:none}
    body.aap-family-packages .aap-outcome-card-disclosure summary::after{content:'+';flex:0 0 auto;color:var(--color-blue);font-size:1.25rem;line-height:1}
    body.aap-family-packages .aap-outcome-card-disclosure[open] summary::after{content:'\2212'}
    body.aap-family-packages .aap-outcome-card-disclosure>div{padding:2px 0 14px}
    body.aap-family-packages .aap-outcome-card-disclosure .aap-outcome-offer-card__outcome{margin:0 0 12px}
    body.aap-family-packages .aap-outcome-card-disclosure .aap-outcome-offer-card__facts{margin:0}
    body.aap-family-packages .aap-outcome-offer-card__price{margin:0 0 12px}
    body.aap-family-packages .aap-outcome-btn{min-height:48px;border-color:var(--color-blue)!important;background:var(--color-blue)!important;color:#fff!important}
    body.aap-family-packages .aap-outcome-btn:hover{border-color:var(--color-blue-dark,#1547b8)!important;background:var(--color-blue-dark,#1547b8)!important;color:#fff!important}
    body.aap-family-packages .aap-outcome-btn--secondary,body.aap-family-packages .aap-outcome-btn--secondary:visited{border-color:#a9bfd5!important;background:#fff!important;color:var(--color-blue-dark,#1547b8)!important;box-shadow:none!important}
    body.aap-family-packages .aap-outcome-btn--secondary:hover{border-color:var(--color-blue)!important;background:#edf6ff!important;color:#0f2a47!important}
    body.aap-family-packages :is(.aap-btn--primary,.aap-btn--primary:visited){border-color:var(--color-blue)!important;background:var(--color-blue)!important;color:#fff!important}
    body.aap-family-packages :is(.aap-btn--primary:hover,.aap-btn--primary:focus-visible){border-color:var(--color-blue-dark,#1547b8)!important;background:var(--color-blue-dark,#1547b8)!important;color:#fff!important}

    .aap-package-buying-guide{width:min(var(--aap-container-sales),calc(100% - (var(--aap-gutter) * 2)));display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,58px);align-items:start;margin:0 auto clamp(56px,7vw,80px);padding:clamp(28px,4vw,40px);border:1px solid #cbd9e7;border-radius:20px;background:linear-gradient(145deg,#f8fbff 0%,#eef6fd 100%);box-shadow:0 16px 42px rgba(15,42,71,.08)}
    .aap-package-buying-guide__intro{position:sticky;top:104px}
    .aap-package-buying-guide__intro h2{max-width:18ch;margin:.35rem 0 .75rem;color:#0f2a47;font-size:clamp(1.55rem,2.7vw,2.15rem);line-height:1.15;text-wrap:balance}
    .aap-package-buying-guide__intro>p:last-child{margin:0;color:#52647a;line-height:1.65}
    .aap-package-buying-guide__details{display:grid;gap:9px}
    .aap-package-buying-guide__details details{overflow:hidden;border:1px solid #cedcea;border-radius:12px;background:#fff}
    .aap-package-buying-guide__details summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;color:#0f2a47;font-weight:800;cursor:pointer;list-style:none}
    .aap-package-buying-guide__details summary::-webkit-details-marker{display:none}
    .aap-package-buying-guide__details summary::after{content:'+';flex:0 0 auto;color:var(--color-blue);font-size:1.25rem;line-height:1}
    .aap-package-buying-guide__details details[open] summary::after{content:'\2212'}
    .aap-package-buying-guide__details details>div{padding:0 16px 16px;border-top:1px solid #e1e9f1}
    .aap-package-buying-guide__details p{max-width:68ch;margin:13px 0 0;color:#455c72;font-size:.91rem;line-height:1.62}
    .aap-package-buying-guide__details a{color:var(--color-blue-dark,#1547b8);font-weight:800;text-underline-offset:3px}
    body.aap-family-packages .aap-package-buying-guide+.aap-section{padding-top:clamp(52px,6vw,68px)}
    .aapc-head p span{font-size:12px!important}.aapc-fine{display:none!important}
    .aap-cband .aap-cband__go,.aap-cband .aap-cband__go:visited{background:#fff!important;border-color:#fff!important;color:#0f2a47!important}
    .aap-cband .aap-cband__go:hover,.aap-cband .aap-cband__go:focus-visible{background:#eaf3fc!important;border-color:#eaf3fc!important;color:#0f2a47!important}

    body.aap-family-order-status .aap-page-content{background:linear-gradient(145deg,#f7fbff 0%,#edf5fc 100%)}
    .aap-order-status{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:clamp(64px,9vw,112px) var(--aap-gutter)}
    .aap-order-status__inner{width:min(760px,100%);padding:clamp(30px,5vw,52px);border:1px solid #c5d6e8;border-radius:20px;background:#fff;box-shadow:var(--aap-shadow-premium)}
    .aap-order-status h1{max-width:18ch;margin:.4rem 0 1rem;color:#0f2a47;font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.06;text-wrap:balance}
    .aap-order-status__lead{max-width:62ch;margin:0;color:#455c72;font-size:1.04rem;line-height:1.68}
    .aap-order-status__reference{margin:22px 0 0;padding:13px 16px;border-left:4px solid var(--color-blue);border-radius:8px;background:#eef6ff;color:#38546d}
    .aap-order-status__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
    .aap-order-status__note{max-width:64ch;margin:24px 0 0;padding-top:20px;border-top:1px solid #dce6ef;color:#64778b;font-size:.83rem;line-height:1.55}
    body.aap-family-money .aap-onboarding-proof--checkout{width:min(var(--aap-container-sales),calc(100% - (var(--aap-gutter) * 2)));max-width:var(--aap-container-sales);margin:clamp(38px,6vw,62px) auto 24px;border:1px solid #cbd9e7;background:#f8fbff}

    /* Revenue Cycle: keep buyer protections and EHR proof without a 1,600px detour before purchase. */
    .aap-revenue-buyer-details{padding:clamp(64px,7vw,84px) var(--aap-gutter);background:linear-gradient(145deg,#f7fbff 0%,#edf5fc 100%)}
    .aap-revenue-buyer-details__inner{width:min(var(--aap-container-sales),100%);margin:0 auto}
    .aap-revenue-buyer-details__intro{max-width:760px;margin:0 0 28px}
    .aap-revenue-buyer-details__intro h2{max-width:22ch;margin:.35rem 0 .75rem;color:#0f2a47;font-size:clamp(1.85rem,3.5vw,2.75rem);line-height:1.1;text-wrap:balance}
    .aap-revenue-buyer-details__intro>p:last-child{max-width:65ch;margin:0;color:#52647a;line-height:1.65}
    .aap-revenue-buyer-details__list{display:grid;gap:10px}
    .aap-revenue-buyer-details__list>details{overflow:hidden;border:1px solid #cbd9e7;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(15,42,71,.055)}
    .aap-revenue-buyer-details__list>details>summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;color:#0f2a47;font-weight:800;cursor:pointer;list-style:none}
    .aap-revenue-buyer-details__list>details>summary::-webkit-details-marker{display:none}
    .aap-revenue-buyer-details__list>details>summary::after{content:'+';flex:0 0 auto;color:var(--color-blue);font-size:1.3rem;line-height:1}
    .aap-revenue-buyer-details__list>details[open]>summary::after{content:'\2212'}
    .aap-revenue-buyer-details__list>details>p{max-width:none;margin:0;padding:0 18px 18px;border-top:1px solid #e1e9f1;color:#455c72;line-height:1.65}
    .aap-revenue-buyer-details__list>details>summary+p{padding-top:16px}
    .aap-revenue-buyer-details__panel{padding:0;border-top:1px solid #e1e9f1}
    .aap-revenue-buyer-details__panel .aap-standbehind{margin:0;padding:28px 24px;border-radius:0;background:#0f2440}
    .aap-revenue-buyer-details__panel .aap-standbehind__head{margin-bottom:20px}
    .aap-revenue-buyer-details__panel .aap-standbehind__head h2{font-size:1.45rem}
    .aap-revenue-buyer-details__panel .aap-standbehind__grid{gap:12px}
    .aap-revenue-buyer-details__panel .aap-standbehind__grid>div{padding:17px}
    .aap-revenue-buyer-details__panel .aap-standbehind__foot{margin-top:18px}
    .aap-revenue-buyer-details__panel .aap-standbehind__foot a,.aap-revenue-buyer-details__panel .aap-standbehind__foot a:visited{color:#fff!important;text-decoration:underline!important}
    .aap-revenue-buyer-details__panel .aap-standbehind__foot a:hover,.aap-revenue-buyer-details__panel .aap-standbehind__foot a:focus-visible{color:#d7eaff!important}
    .aap-revenue-buyer-details__panel .aap-ehr{margin:0;padding:25px 24px;border:0;background:#fff}
    .aap-revenue-buyer-details__panel .aap-ehr__head{margin-bottom:18px}
    .aap-revenue-buyer-details__panel .aap-ehr__head h2{font-size:1.4rem}
    .aap-revenue-buyer-details__panel .aap-ehr__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
    .aap-revenue-buyer-details__panel .aap-ehr__chip{min-height:60px;padding:10px 12px}
    .aap-revenue-buyer-details__panel .aap-ehr__logo{max-height:36px}
    .aap-revenue-buyer-details__panel .aap-ehr__fine{margin-top:16px}
    .aap-revenue-buyer-details__panel .aap-answers{margin:0;padding:28px 24px;border:0;background:#f7faff}
    .aap-revenue-buyer-details__panel .aap-answers__head{margin-bottom:20px}
    .aap-revenue-buyer-details__panel .aap-answers__head h2{font-size:1.45rem}
    .aap-revenue-buyer-details__panel .aap-answers__grid{gap:12px}
    .aap-revenue-buyer-details__panel .aap-answers__card{padding:17px;box-shadow:none}
    .aap-revenue-buyer-details__panel .aap-answers__foot{margin-top:18px}
    .aap-revenue-buyer-details__panel [data-aap-connect]{margin:0!important;padding:25px 24px!important;border:0!important;box-shadow:none!important}

    @media(max-width:900px){
      :root{--aap-gutter:28px;--aap-section-space:clamp(56px,8vw,72px)}
      .aap-hero h1{max-width:18ch}
      .aap-package-buying-guide{grid-template-columns:1fr;gap:24px}
      .aap-package-buying-guide__intro{position:static}
      body.aap-family-packages .aap-outcome-offer-grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
      body.aap-family-command-suite .aap-command-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding-inline:20px!important}
    }
    @media(min-width:1200px) and (max-width:1499px){
      .site-header .primary-nav .nav-list{gap:6px!important}
      .site-header .primary-nav .nav-link{padding-inline:7px!important}
    }
    @media(max-width:640px){
      :root{--aap-gutter:20px;--aap-section-space:52px}
      .aap-page-content>section:not(.aap-hero):not(.aap-cta-band):not(.aap-mpsp-order),main>.aap-section{padding-top:52px;padding-bottom:52px}
      .aap-hero{padding-top:54px;padding-bottom:58px}.aap-hero h1{font-size:clamp(2.15rem,10.5vw,2.9rem);line-height:1.04}
      body.home .aap-hero--split{width:100%;max-width:none;padding-inline:24px;box-sizing:border-box}
      body.aap-family-packages .aap-page-wrapper .aap-page-content .aap-hero{padding-top:32px!important;padding-bottom:42px}
      body.aap-family-packages .aap-funnel--router,body.aap-family-packages .aap-outcome-offer-grid{padding:46px 18px!important}
      body.aap-family-packages .aap-package-picker__choices{display:grid;grid-template-columns:1fr;overflow:visible;padding:0}
      body.aap-family-packages .aap-package-choice{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px}
      body.aap-family-packages .aap-package-panel__service{grid-template-columns:1fr}
      body.aap-family-packages .aap-offer-secondary,body.aap-family-packages .aap-offer-secondary__grid{grid-template-columns:1fr}
      body.aap-family-packages .aap-outcome-offer-grid__cards{grid-template-columns:1fr}
      body.aap-family-packages .aap-outcome-offer-card{padding:20px 18px!important}
      body.aap-family-command-suite .aap-command-tour-grid{grid-template-columns:1fr!important;gap:20px!important}
      body.aap-family-packages .aap-outcome-card-actions{gap:9px}
      .aap-outcome.aap-outcome-next-step{width:calc(100% - 32px);max-width:calc(100% - 32px);margin-inline:auto}
      body.aap-family-packages{padding-bottom:0!important}
      body.aap-family-packages .aap-action-rail{display:none!important}
      body.aap-interactive-active .aap-action-rail{transform:translateY(125%)!important;opacity:0!important;pointer-events:none!important}
      .aap-package-buying-guide{margin-bottom:52px;padding:24px 19px;border-radius:16px}
      .aap-revenue-buyer-details{padding:52px 20px}
      .aap-revenue-buyer-details__intro{margin-bottom:22px}
      .aap-revenue-buyer-details__list>details>summary{min-height:56px;padding:13px 15px}
      .aap-revenue-buyer-details__list>details>p{padding-inline:15px}
      .aap-revenue-buyer-details__panel .aap-standbehind,.aap-revenue-buyer-details__panel .aap-ehr{padding:22px 16px}
      .aap-revenue-buyer-details__panel .aap-answers,.aap-revenue-buyer-details__panel [data-aap-connect]{padding:22px 16px!important}
      .aap-revenue-buyer-details__panel .aap-ehr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .aap-order-status__actions{display:grid;grid-template-columns:1fr}.aap-order-status__actions .aap-btn{width:100%}
      :is(body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-article-actions{width:calc(100% - 40px);display:grid;grid-template-columns:1fr;margin:24px auto 40px}
      :is(body.aap-family-pmhnp-state,body.aap-family-credentialing-state) .aap-article-actions .aap-btn{width:100%;justify-content:center}
    }

/* design-tokens.css */
/* AAP design tokens — the single source of colour, type, spacing and component geometry.
 *
 * 2026-09-10. The 2026-09-10 audit measured 581 distinct colour values, two primary blues on the
 * same page, six near-identical tints, five button systems, nine competing H1 rules and 101
 * container widths across 62 stylesheets. Rather than edit 62 files and 349 !important rules that
 * already fight each other, this sheet is printed LAST and states the answer once. Deleting the
 * upstream drift is a later, safer job now that the outcome no longer depends on it.
 *
 * Scoping rules used throughout:
 *   - `body:not(.home)` protects the homepage, whose hero type Ryan tuned by hand.
 *   - `.aap-page-content > X` targets bands injected at the content root, never a nested copy.
 *   - Launcher and consent-bar geometry are owned elsewhere and deliberately untouched here.
 */

/* ── 1. One blue ───────────────────────────────────────────────────────────
 * The theme token #1a56db wins because the header, nav CTA and most heroes already use it, so it
 * is the smallest visible change. Every module that minted its own blue is aliased to it. The
 * universal selector is deliberate: these custom properties are re-declared on component roots,
 * so a :root override alone would lose.                                                        */
:root,
*{
  --color-blue:#1a56db;
  --blue:#1a56db;
  --aap-blue:#1a56db;
  --aapo-blue:#1a56db;
  --aapt-blue:#1a56db;
  --proof-blue:#1a56db;
  --cpg-blue:#1a56db;
  --aap-avail-blue:#1a56db;
  --color-brand-blue:#1a56db;
  --color-muted:#52647a;
}

/* Primary buttons, whatever system they came from. */
html body[class] .aap-btn--primary,
html body[class] .btn-primary,
html body[class] .aap-outcome-btn:not(.aap-outcome-btn--secondary),
html body[class] .aap-tech-btn,
html body[class] .aap-cband__go,
html body[class] .aap-credentialing-builder__submit,
html body[class] .aap-credentialing-builder__buy,
html body[class] .aap-ff-submit,
html body[class] .aap-bridge__go,
html body[class] .aap-magnet-band button[type="submit"],
html body[class] .aap-page-content .button{
  background:#1a56db!important;
  border-color:#1a56db!important;
  color:#fff!important;
}
html body[class] .aap-btn--primary:hover,
html body[class] .btn-primary:hover,
body .aap-outcome-btn:not(.aap-outcome-btn--secondary):hover,
body .aap-tech-btn:hover,
body .aap-cband__go:hover,
body .aap-credentialing-builder__submit:hover,
body .aap-credentialing-builder__buy:hover,
body .aap-ff-submit:hover,
body .aap-bridge__go:hover,
body .aap-page-content .button:hover{background:#1547b8!important;border-color:#1547b8!important}

/* Text links read as links. */
body .aap-page-content a:not([class]),
body .aap-text-link{color:#1a56db;text-decoration:underline;text-underline-offset:3px}
body [class*="--dark"] a:not([class]),
body .aap-cta-band a:not([class]),
body .aap-bridge a:not([class]),
body .aap-standbehind a:not([class]),
body .aap-cband a:not([class]){color:#bcd4ff!important}

/* ── 2. One button geometry ────────────────────────────────────────────────
 * Radius 14, 48px tall, Poppins 14.4/750 — the theme's own .aap-btn recipe. Four other systems
 * are folded into it so a page cannot show two button shapes.                                   */
html body[class] .aap-btn,
html body[class] .btn,
body .aap-outcome-btn,
html body[class] .aap-tech-btn,
html body[class] .aap-cband__go,
html body[class] .aap-credentialing-builder__submit,
html body[class] .aap-credentialing-builder__buy,
html body[class] .aap-ff-submit,
html body[class] .aap-bridge__go,
html body[class] .aap-page-content .button{
  border-radius:var(--radius-btn,14px)!important;
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  font-size:14.4px!important;
  font-weight:750!important;
  line-height:1.2!important;
  min-height:48px!important;
  padding:12px 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
/* One secondary: outlined navy on light, outlined white on navy. */
html body[class] .aap-btn--secondary,
html body[class] .aap-outcome-btn--secondary,
html body[class] .btn-outline{
  background:transparent!important;
  border:2px solid rgba(15,42,71,.22)!important;
  color:#0f2a47!important;
}
body .aap-cta-band .aap-btn--secondary,
body .aap-bridge .aap-btn--secondary,
body .aap-cband .aap-btn--secondary,
body [class*="--dark"] .aap-btn--secondary,
body [class*="--dark"] .btn,
body .aap-hero--dark .aap-btn--secondary,
body .aap-standbehind .aap-btn--secondary,
body .btn-outline-white{
  border-color:rgba(255,255,255,.55)!important;
  color:#fff!important;
}

/* ── 3. One tint ───────────────────────────────────────────────────────────
 * #eef3fa is already the dominant rendered tint (137 bands vs 74), so making it the only one is
 * the least visible change. The five near-identical strays are mapped onto it.                  */
/* Every selector carries the dark guard. A section that paints itself navy owns white text, and
 * repainting only its background is how you get white on pale. Learned the hard way 2026-09-10:
 * the homepage "$10M+" stat band went unreadable. NEVER set a background here without either
 * excluding inverted surfaces or setting the text colour in the same rule. */
html body[class] .aap-section--tint:not([class*="dark"]):not([class*="navy"]),
html body[class] .aap-section--alt:not([class*="dark"]):not([class*="navy"]),
html body[class] .aap-section:nth-of-type(even):not([class*="dark"]):not([class*="navy"]):not(.aap-hero):not(.aap-cta-band):not(.aap-related-band),
html body[class] .aap-faq:not([class*="dark"]),
html body[class] .aap-related:not([class*="dark"]),
html body[class] .aap-answers:not([class*="dark"]),
html body[class] .aap-organic-evidence:not([class*="dark"]),
html body[class] .aap-proof-step:not([class*="dark"]),
html body[class] .aap-work-moves:not([class*="dark"]),
html body[class] .aap-expert-proof:not([class*="dark"]),
html body[class] .aap-start-commitment:not([class*="dark"]),
html body[class] .aap-payer-trust:not([class*="dark"]){background-color:#eef3fa!important}

/* Two adjacent tinted blocks read as one long band. The second one goes white. */
body .aap-page-content > .aap-related + .aap-related{background-color:#fff!important}

/* ── 4. One column ─────────────────────────────────────────────────────────
 * Section text sits at x=144 (1200 inner + 24 padding, centred at 1440). Injected bands each
 * brought their own width: 28, 140, 160, 180, 200, 225, 245, 250, 256, 278. Boxed asides get a
 * 1152 box so their EDGE lands on 144; full-bleed bands give their inner the same box so their
 * TEXT lands on 144.                                                                            */
body .aap-page-content > .aap-related,
body .aap-page-content > .aap-related-reading,
body .aap-page-content > .aap-outcome-next-step,
body .aap-page-content > .aap-expert-proof,
body .aap-page-content > .aap-answers,
body .aap-page-content > .aap-work-moves,
body .aap-page-content > .aap-paytrust,
body .aap-page-content > .aap-credentialing-builder,
body .aap-page-content > .aap-credentialing-builder-link,
body .aap-page-content > .aap-start-commitment,
body .aap-page-content > .aap-tech-capability,
body .aap-page-content > .aap-watch,
body .aap-page-content > .aap-outcome{
  max-width:1152px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body .aap-bridge__inner,
body .aap-cta-band__inner{
  max-width:1152px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
/* Bands with no inner wrapper of their own get the column as padding. */
body .aap-page-content > .aap-cband,
body .aap-page-content > .aap-magnet-band,
body .aap-page-content > .aap-standbehind{
  padding-left:max(24px,calc((100% - 1152px) / 2))!important;
  padding-right:max(24px,calc((100% - 1152px) / 2))!important;
  box-sizing:border-box!important;
}

/* Mobile: one 24px gutter for every injected band. They were at 14, 16 and 20. */
@media(max-width:900px){
  body .aap-page-content > .aap-related,
  body .aap-page-content > .aap-related-reading,
  body .aap-page-content > .aap-outcome-next-step,
  body .aap-page-content > .aap-expert-proof,
  body .aap-page-content > .aap-answers,
  body .aap-page-content > .aap-work-moves,
  body .aap-page-content > .aap-paytrust,
  body .aap-page-content > .aap-credentialing-builder,
  body .aap-page-content > .aap-credentialing-builder-link,
  body .aap-page-content > .aap-start-commitment,
  body .aap-page-content > .aap-tech-capability,
  body .aap-page-content > .aap-watch,
  body .aap-page-content > .aap-outcome{
    margin-left:24px!important;
    margin-right:24px!important;
    max-width:calc(100% - 48px)!important;
  }
  body .aap-bridge__inner,
  body .aap-cta-band__inner,
  body .aap-page-content > .aap-cband,
  body .aap-page-content > .aap-magnet-band,
  body .aap-page-content > .aap-standbehind{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* ── 5. One heading scale ──────────────────────────────────────────────────
 * Nine H1 rules rendered eight sizes; injected bands each brought their own H2. The home hero is
 * excluded: Ryan set that size himself.                                                         */
body:not(.home) main h1,
body:not(.home) .aap-hero h1,
body:not(.home) .aap-page-hero h1{font-size:52px!important;line-height:1.1!important;font-weight:700!important}
@media(max-width:900px){
  body:not(.home) main h1,
  body:not(.home) .aap-hero h1,
  body:not(.home) .aap-page-hero h1{font-size:35.1px!important;line-height:1.15!important}
}
/* Section headings. */
body main .aap-section > .aap-section__inner > h2{font-size:44.8px!important;line-height:1.15!important;font-weight:700!important}
@media(max-width:900px){body main .aap-section > .aap-section__inner > h2{font-size:30px!important}}
/* Injected-band headings share one smaller size instead of eight. */
body .aap-related > h2, body .aap-related__label,
body .aap-outcome-next-step h2,
body .aap-expert-proof h2,
body .aap-answers__head h2,
body .aap-work-moves h2,
body .aap-standbehind h2,
body .aap-cband h2,
body .aap-bridge h2,
body .aap-tech-capability h2,
body .aap-credentialing-builder__intro h2,
body .aap-ehr__head h2,
body .aap-cta-band__inner h2,
body .aap-project-availability__body h2,
body .aap-funnel__intro h2,
body .aap-outcome__heading h2,
body .aap-package-buying-guide__intro h2{font-size:36px!important;line-height:1.2!important;font-weight:700!important}
@media(max-width:900px){
  body .aap-related > h2, body .aap-related__label,
  body .aap-outcome-next-step h2, body .aap-expert-proof h2, body .aap-answers__head h2,
  body .aap-work-moves h2, body .aap-standbehind h2, body .aap-cband h2,
  body .aap-bridge h2, body .aap-tech-capability h2, body .aap-credentialing-builder__intro h2,
  body .aap-ehr__head h2, body .aap-cta-band__inner h2, body .aap-project-availability__body h2,
  body .aap-funnel__intro h2, body .aap-outcome__heading h2, body .aap-package-buying-guide__intro h2{font-size:26px!important}
}
/* Card headings, one weight. */
body main h3{font-weight:700!important}

/* ── 6. One eyebrow ────────────────────────────────────────────────────────
 * Defined three ways in style.css alone plus twelve private classes. One blue pill above every
 * H1 and section heading, at every width; white pill on navy.                                   */
body:not(.home) main .eyebrow,
body.home main .aap-section .eyebrow,
body main [class*="__eyebrow"],
body main .aap-outcome__eyebrow,
body main .aap-tech-eyebrow,
body main .aap-credentialing-builder__eyebrow{
  display:inline-block!important;
  background:rgba(26,86,219,.09)!important;
  color:#1a56db!important;
  border-radius:999px!important;
  padding:.4rem .85rem!important;
  font-size:.72rem!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  width:auto!important;
}
/* On a navy ground the blue pill fails contrast (measured 1.9:1 and 2.36:1). */
body .aap-hero--dark .eyebrow,
body .aap-cta-band .eyebrow,
body .aap-bridge .eyebrow,
body .aap-cband .eyebrow,
body .aap-standbehind .eyebrow,
body .aap-state .hero .eyebrow,
body .aap-state .hero .pill,
body .aap-outcome-hero .eyebrow{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}

/* ── 7. Contrast ───────────────────────────────────────────────────────────
 * Four recipes measured below 3:1 against their own background.                                 */
/* Pale text ONLY where the component's own background is provably dark. */
body .aap-answers__card--proof li,
body .aap-answers__card--proof p{color:#d7e3f5!important}
body .site-footer a,
body .aap-footer-logo-slogan{color:#cfe0f7!important}

/* ── 8. Grids never strand a card ──────────────────────────────────────────
 * Six grids rendered a lone last card in an otherwise full row.                                 */
@media(min-width:901px){
  body .aap-card-grid > :last-child:nth-child(3n+1),
  body .aap-cap-grid > :last-child:nth-child(4n+1),
  body .aap-proof-grid > :last-child:nth-child(3n+1){grid-column:1 / -1}
}

/* ── 9. Spacing ────────────────────────────────────────────────────────────
 * A card grid followed by a paragraph had no gap at all, on 51 state pages.                     */
body .aap-card-grid + p,
body .aap-card-grid + ul,
body .aap-cap-grid + p{margin-top:24px!important}

/* The 64px strip between the last block and the footer showed as a navy-white-navy seam on every
 * page whose last band is dark. */
body .aap-page-content{margin-bottom:0!important}
body .aap-page-content > :last-child{margin-bottom:0!important}

/* ── 10. Nothing overflows ─────────────────────────────────────────────────
 * /about/ scrolled to 1734px at a 1440 viewport because a split figure had no width cap.        */
body main img,
body main video,
body main iframe{max-width:100%!important;height:auto}
body .aap-split__media,
body .aap-split > *{min-width:0!important}
body main table{max-width:100%}

html body[class] .aap-credentialing-builder__submit.aap-credentialing-builder__submit,
html body[class] .aap-credentialing-builder__buy.aap-credentialing-builder__buy,
html body[class] .aap-outcome-btn.aap-outcome-btn:not(.aap-outcome-btn--secondary),
html body[class] .aap-page-content form button[type="submit"]{
  background:#1a56db!important;
  border-color:#1a56db!important;
  color:#fff!important;
  border-radius:var(--radius-btn,14px)!important;
  min-height:48px!important;
}

/* Band headings the live pass still found off the scale. */
body .aap-start-commitment h2,
body .aap-revenue-buyer-details__intro h2,
body .aap-funnel h2,
body .aap-package-panel h2{font-size:36px!important;line-height:1.2!important;font-weight:700!important}
@media(max-width:900px){
  body .aap-start-commitment h2,
  body .aap-revenue-buyer-details__intro h2,
  body .aap-funnel h2,
  body .aap-package-panel h2{font-size:26px!important}
}

/* ── 12. Case studies and the local pages ──────────────────────────────────
 * The last two families measured off the scale. Case studies are an all-white article skin whose
 * section headings render 34px; the local pages carry class-less blue-bar H2s at 31.2 and 32.  */
html body[class] .aap-credentialing-builder-link{background-color:#eef3fa!important}
body .aap-proof-section > h2,
body .aap-proof-next > h2,
body .aap-proof-intro > h2,
body main .aap-page-content > section > h2{font-size:44.8px!important;line-height:1.15!important;font-weight:700!important}
body .aap-proof-card h2{font-size:36px!important}
@media(max-width:900px){
  body .aap-proof-section > h2,
  body .aap-proof-next > h2,
  body .aap-proof-intro > h2,
  body main .aap-page-content > section > h2{font-size:30px!important}
  body .aap-proof-card h2{font-size:26px!important}
}

/* ── 13. The 52 credentialing state pages ──────────────────────────────────
 * These render a legacy vocabulary (.wrap/.hero/.btn/.cta/.tint/.faq) with its own type system:
 * body copy in -apple-system at 17px/#16202e where the rest of the site is Inter 16px/#45516a,
 * H2 at 31.2-32.8 where sections are 44.8, and a 16px .cta radius. Internally consistent, and the
 * reason a visitor who lands on one from Google does not think they are on the same site. Mapped
 * here rather than by rewriting 52 pages of markup: the content and the URLs are what rank.       */
html body[class] .aap-state,
html body[class] .aap-state p,
html body[class] .aap-state li,
html body[class] .aap-state dd,
html body[class] .aap-state td,
html body[class] .aap-state summary{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
}
html body[class] .aap-state p,
html body[class] .aap-state li,
html body[class] .aap-state dd{color:#45516a!important}
html body[class] .aap-state h1,
html body[class] .aap-state h2,
html body[class] .aap-state h3,
html body[class] .aap-state summary{
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
}
html body[class] .aap-state h2{font-size:44.8px!important;line-height:1.15!important;font-weight:700!important;color:#0f2a47!important}
html body[class] .aap-state h3{font-size:23.2px!important;font-weight:700!important}
html body[class] .aap-state .cta{
  border-radius:14px!important;
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  font-size:14.4px!important;
  font-weight:750!important;
  min-height:48px!important;
  padding:12px 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* The legacy .wrap sat at 113-114px; the rest of the site puts text at 144. */
html body[class] .aap-state .wrap{
  max-width:1152px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  html body[class] .aap-state .wrap{
    max-width:calc(100% - 48px)!important;
    margin-left:24px!important;
    margin-right:24px!important;
  }
  html body[class] .aap-state h2{font-size:30px!important}
  html body[class] .aap-state h3{font-size:21px!important}
}

/* ── 14. The closing band ──────────────────────────────────────────────────
 * Appended by aap-closing-band.php on pages that had no ending. It is the theme's own band, so
 * it only needs its spacing stated once.                                                         */
html body[class] .aap-cta-band--appended{margin-top:0!important}

/* ── 15. Dark surfaces win, always ─────────────────────────────────────────
 * Measured 2026-09-10 after the tint regression. Two rules in THIS file were fighting and the
 * general one won: `body:not(.home) main .eyebrow` is (0,2,2) and beat `body .aap-standbehind
 * .eyebrow` at (0,2,1), so the blue pill stayed on a navy band at 2.36:1. Same story inside
 * `.aap-state`, where the legacy `.cta` block is navy #0f2a47 and the state text rules were
 * painting navy on navy at 1.00:1.
 *
 * These are last in the file AND highest in specificity on purpose. Anything that sets a colour
 * on a dark surface belongs here, so there is one place to look when contrast breaks.           */
html body[class] .aap-standbehind .eyebrow,
html body[class] .aap-bridge .eyebrow,
html body[class] .aap-cband .eyebrow,
html body[class] .aap-cta-band .eyebrow,
html body[class] .aap-outcome-hero .eyebrow,
/* The homepage hero eyebrow is Ryan's approved responsive treatment: a pill on desktop, plain
 * text on a phone. Giving it a translucent box turned it into a full-width grey slab on mobile.
 * It is excluded here and governed by the site's own CSS. */
html body[class]:not(.home) .aap-hero--dark .eyebrow,
html body[class]:not(.home) [class*="--dark"] .eyebrow,
html body[class] .aap-state .hero .eyebrow,
html body[class] .aap-state .hero .pill{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

/* Legacy state pages: the closing `.cta` block and the hero are navy. */
html body[class] .aap-state .cta h1,
html body[class] .aap-state .cta h2,
html body[class] .aap-state .cta h3,
html body[class] .aap-state .hero h1,
html body[class] .aap-state .hero h2,
html body[class] .aap-state .hero h3{color:#fff!important}
html body[class] .aap-state .cta p,
html body[class] .aap-state .cta li,
html body[class] .aap-state .hero p,
html body[class] .aap-state .hero li{color:#d7e3f5!important}
html body[class] .aap-state .cta a:not(.btn):not(.cta),
html body[class] .aap-state .hero a:not(.btn):not(.cta){color:#bcd4ff!important}

html body[class] .aap-cta-band .aap-btn--secondary,
html body[class] .aap-bridge .aap-btn--secondary,
html body[class] .aap-cband .aap-btn--secondary,
html body[class] .aap-standbehind .aap-btn--secondary,
html body[class] [class*="--dark"] .aap-btn--secondary,
html body[class] .aap-outcome-hero .aap-outcome-btn--secondary,
html body[class] [class*="--dark"] .aap-outcome-btn--secondary,
html body[class] [class*="--dark"] .btn:not(.btn-primary):not(.btn-white),
html body[class] .btn-outline-white{
  background:transparent!important;
  border-color:rgba(255,255,255,.72)!important;
  color:#fff!important;
}
html body[class] .aap-cta-band .aap-btn--secondary:hover,
html body[class] .aap-bridge .aap-btn--secondary:hover,
html body[class] .aap-cband .aap-btn--secondary:hover,
html body[class] .aap-standbehind .aap-btn--secondary:hover,
html body[class] [class*="--dark"] .aap-btn--secondary:hover,
html body[class] .aap-outcome-hero .aap-outcome-btn--secondary:hover,
html body[class] [class*="--dark"] .aap-outcome-btn--secondary:hover,
html body[class] [class*="--dark"] .btn:not(.btn-primary):not(.btn-white):hover,
html body[class] .btn-outline-white:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:#fff!important;
  color:#fff!important;
}
/* The primary on those same bands keeps the theme's white-on-navy inversion readable: section 2
 * forces blue, which is fine on navy, but the hover there darkens toward the band. Lift it.     */
html body[class] .aap-cta-band .aap-btn--primary:hover{background:#2f6ae8!important;border-color:#2f6ae8!important;color:#fff!important}

/* ── 16. The last off-column asides ────────────────────────────────────────
 * Measured 2026-09-10 by block EDGE, not by text: section content sits on a 1152 box (edge 144 at
 * 1440), and these asides were each carrying their own inset - 160, 180, 200, 250. Only width is
 * touched here; no colour, so this cannot repeat the contrast regression.                        */
html body[class] .aap-page-content .aap-ehr,
html body[class] .aap-page-content .aap-standbehind,
html body[class] .aap-page-content .aap-next-step,
html body[class] .aap-page-content .aap-cband,
html body[class] .aap-page-content .aap-payer-trust,
html body[class] .aap-page-content .aap-revenue-buyer-details,
html body[class] .aap-page-content .aap-content-reviewer,
html body[class] .aap-page-content .aap-related-reading,
html body[class] .aap-page-content .aap-credentialing-builder,
html body[class] .aap-page-content .aap-credentialing-builder-link{
  /* width:100% matters. Without it, `margin:auto` CENTRES a block that is narrower than the
     column instead of aligning it: .aap-revenue-buyer-details went from an inset of 200 to a
     centred 360. Filling the column first, then centring the column, is the correct order. */
  width:100%!important;
  max-width:1152px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  html body[class] .aap-page-content .aap-ehr,
  html body[class] .aap-page-content .aap-standbehind,
  html body[class] .aap-page-content .aap-next-step,
  html body[class] .aap-page-content .aap-cband,
  html body[class] .aap-page-content .aap-payer-trust,
  html body[class] .aap-page-content .aap-revenue-buyer-details,
  html body[class] .aap-page-content .aap-content-reviewer,
  html body[class] .aap-page-content .aap-related-reading,
  html body[class] .aap-page-content .aap-credentialing-builder,
  html body[class] .aap-page-content .aap-credentialing-builder-link{
    max-width:calc(100% - 48px)!important;
    margin-left:24px!important;
    margin-right:24px!important;
  }
}

/* ── 17. Guides: one reading column ────────────────────────────────────────
 * Measured live 2026-09-16 on a post. Headings and lists sat on the 800px column from
 * `body.aap-layout-standard .aap-page-content > :is(h1,h2,...)`, but paragraphs also carried
 * `.aap-page-content > p{max-width:70ch}` (706px at the body size), so with auto margins every
 * paragraph started 47px inside its own heading. The byline strip was pushed to the full 1152px
 * container by section 16, and the authored kicker pill was centred by a content-root eyebrow
 * rule. One column for all of it, with the hero brought onto the same edge on desktop.          */
html body[class].single-post .aap-page-content > :is(h2,h3,h4,p,ul,ol,dl,blockquote,figure,table,pre,.aap-lede,.aap-callout,aside):not(.eyebrow):not(.aap-magnet-band):not(.aap-content-reviewer),
html body[class].single-post .aap-page-content .aap-content-reviewer,
html body[class].single-post .aap-page-content > .aap-guide-footer{
  width:min(800px,calc(100% - 48px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html body[class].single-post .aap-page-content > .eyebrow{
  /* A later rule resolves display to flex, which is block-level, so width:auto stretched the pill
     to the viewport edge (1120px). max-content shrinks it to its label under either display. */
  display:inline-flex!important;
  width:max-content!important;
  max-width:none!important;
  margin-left:max(24px,calc((100% - 800px) / 2))!important;
  margin-right:0!important;
  margin-bottom:16px!important;
}
html body[class].single-post .aap-page-content .aap-content-reviewer{margin-top:18px!important;margin-bottom:28px!important;padding-left:13px!important}
@media(min-width:901px){
  html body[class].single-post .aap-hero__inner{max-width:800px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}
@media(max-width:900px){
  /* The desktop formula already resolves to 24px on a phone; forcing 0 here put the kicker on the screen edge. */
  html body[class].single-post .aap-page-content .aap-content-reviewer{margin-left:auto!important;margin-right:auto!important}
}

/* ── 18. Skeleton parity ────────────────────────────────────────────────────
 * 2026-09-16 full-site sweep (245 pages). Four page families still looked like a different site:
 * the case studies (no hero, no rhythm, 120px gutter), the Command Suite demos (fallback title
 * band, eyebrow under the H1), three package heroes with a plain-text eyebrow, and one long guide
 * carrying its own colour system. aap-proof-skeleton.php and the watch plugin now emit the theme's
 * hero/section classes; these rules only clear the wrappers that would keep them from bleeding.  */
html body[class] .aap-page-content .aap-proof-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
/* This page family's container carries no side padding (the old wrapper supplied the gutter), so
 * the theme's -1.5rem bleed is already neutralised here; sections sit at 0/1440. Giving the hero
 * an explicit bleed overshot by 24px each side and produced the site's only horizontal scroll. */
html body[class] .aap-page-content .aap-proof-intro.aap-hero{max-width:none!important;margin-left:0!important;margin-right:0!important;width:100%!important}
/* Anything left as a direct child outside the sections (the closing "See more" line) takes the column. */
html body[class] .aap-page-content .aap-proof-page > :is(p,h2,h3,ul,ol){width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
/* Boxed children (the timeline figure) keep their own padding and sit on the text column's edge. */
html body[class] .aap-page-content .aap-proof-page > :is(figure,div,aside,table){width:min(1152px,calc(100% - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body[class] .aap-page-content .aap-proof-intro.aap-hero .aap-hero__inner > :first-child{margin-top:0!important}
html body[class] .aap-page-content .aap-proof-section > .aap-section__inner > h2:first-child,
html body[class] .aap-page-content .aap-proof-next > .aap-section__inner > h2:first-child{margin-top:0!important}
html body[class] .aap-page-content .aap-proof-caption{color:#52647a!important;font-size:.92rem!important}

/* Package heroes: every other hero on the site shows its eyebrow as a pill. Three inline kits
 * left theirs as plain text. Light heroes only; dark heroes are owned by section 15.            */
html body[class]:not(.home) .aap-hero:not([class*="--dark"]) .eyebrow{
  display:inline-block!important;
  background:rgba(26,86,219,.09)!important;
  color:#1a56db!important;
  border-radius:999px!important;
  padding:.4rem .85rem!important;
  font-size:.72rem!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* The Switching EHRs guide ships its own palette (navy #102a56, blue #1859d1). Remap the custom
 * properties onto the site's, so it stops being the one page with a second blue.                */
html body[class] .aap-ehr-switch{--navy:#0f2a47!important;--blue:#1a56db!important;--sky:#eef3fa!important;--ink:#1f2d3d!important;--muted:#52647a!important;--line:#dce4e1!important}

/* ROI calculator: the results panel is navy (#0f2a47 / #16345a) and its inline link inherited the
 * page link blue at 2.03:1. Same treatment as every other dark surface in section 15.           */
html body[class] .aap-roi-results a:not([class]),
html body[class] .aap-roi-compare a:not([class]){color:#bcd4ff!important;text-decoration-color:#bcd4ff!important}

/* Command Suite demos: the plugin inset its container by 14px on phones, so the new hero stopped
 * short of the edges and the H1 sat at 38px instead of the site's 24. The container goes full
 * width like every other page; the demo article and its band keep their own measure.          */
html body[class] .aap-page-wrapper:has(.aap-watch,.aap-watch-index) > .container{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body[class] .aap-watch,
html body[class] .aap-watch-index,
html body[class] .aap-page-content > .aap-cta-band.aap-cs-close--watch{width:min(1040px,calc(100% - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}

/* Case studies hub: four cards on an auto-fit grid broke 3 + 1 at desktop. Two by two. */
@media(min-width:900px){
  html body[class] .aap-proof-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
}
html body[class] .aap-page-content .aap-proof-grid-band > .aap-section__inner > .aap-proof-grid{width:100%!important;max-width:none!important;margin:0!important}
/* Keep-exploring bands: the theme already styles .aap-related; the band only supplies the column. */
html body[class] .aap-page-content .aap-related-band .aap-related{max-width:none!important;margin:0!important}

/* ── 19. One related-links band ─────────────────────────────────────────────
 * aap-related-skeleton.php merges the authored "Keep exploring / Official resources / Related
 * services" cards and the bridge's "Keep Reading" row into one section. Inside it the cards drop
 * their box chrome and become labelled columns; labels are labels again, not headings.         */
html body[class] .aap-page-content .aap-related-band .aap-related{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;box-shadow:none!important}
html body[class] .aap-related-band__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px 40px;margin-top:6px}
/* Tint comes from :nth-of-type(even), so the band cannot know what colour precedes it — measured
 * 2026-09-16, it landed on the same colour as the section above it on 23 pages. One deliberate
 * treatment instead: white ground with a hairline, which separates it from a tinted neighbour by
 * colour and from a white one by the rule.                                                      */
/* The sitewide tint rule is `html body[class] .aap-section--alt:not([class*="dark"]):not([class*="navy"])`
 * at (0,4,2) and sets background-COLOR, so a (0,3,2) `background` shorthand lost twice over.
 * Doubled class + the element selector clears it at (0,4,3), and both properties are set.   */
html body[class] .aap-page-content section.aap-related-band{background:#fff!important;background-color:#fff!important;border-top:1px solid rgba(15,42,71,.10)!important}
html body[class] .aap-related-band .aap-related__label{font-family:inherit!important;font-size:.76rem!important;line-height:1.3!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:700!important;color:#52647a!important;margin:0 0 10px!important;padding:0!important;background:none!important;border-radius:0!important;display:block!important}
html body[class] .aap-related-band .aap-related__links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;font-size:1rem!important;margin:0!important;padding:0!important}
html body[class] .aap-related-band .aap-related__links li{margin:0!important;padding:0!important}
html body[class] .aap-related-band .aap-related__links a{color:#1a56db!important;text-decoration:none!important;font-weight:600!important}
html body[class] .aap-related-band .aap-related__links a:hover{text-decoration:underline!important}
/* Four case-study cards on a two-column grid: no card spans, whatever the grid balancer decided. */
html body[class] .aap-proof-grid > .aap-proof-card{grid-column:auto!important}

/* Links inside the merged band are a list, not a set of rows: the injected-link CSS elsewhere
 * draws a rule under each one, which read as table lines once the boxes were removed.          */
html body[class] .aap-related-band .aap-related__links li,
html body[class] .aap-related-band .aap-related__links a{border:0!important;border-bottom:0!important;box-shadow:none!important;padding-bottom:0!important}

/* ── 20. One rhythm at the page tail ────────────────────────────────────────
 * Measured 2026-09-16: the last four blocks on a guide sat at 84px, 118px and 34px apart because
 * each injected island carried its own margin. Full-bleed islands butt up like sections do; the
 * ones that sit on the text column get one shared gap.                                          */
html body[class] .aap-page-content > .aap-magnet-band{margin-top:0!important;margin-bottom:0!important;padding-top:56px!important;padding-bottom:56px!important;border-radius:0!important}
html body[class] .aap-page-content > .aap-outcome-next-step,
html body[class] .aap-page-content > .aap-related-reading,
html body[class] .aap-page-content > .aap-revenue-buyer-details,
html body[class] .aap-page-content > .aap-bridge,
html body[class] .aap-page-content > .aap-ehr,
html body[class] .aap-page-content > .aap-expert-proof,
html body[class] .aap-page-content > .aap-next-step,
html body[class] .aap-page-content > .aap-outcome,
html body[class] .aap-page-content > .aap-credentialing-builder-link{margin-top:64px!important;margin-bottom:64px!important}
html body[class] .aap-page-content > .aap-outcome-next-step + .aap-magnet-band,
html body[class] .aap-page-content > .aap-related-reading + .aap-magnet-band{margin-top:0!important}
@media(max-width:900px){
  html body[class] .aap-page-content > .aap-magnet-band{padding-top:40px!important;padding-bottom:40px!important}
  html body[class] .aap-page-content > .aap-outcome-next-step,
  html body[class] .aap-page-content > .aap-related-reading,
  html body[class] .aap-page-content > .aap-revenue-buyer-details,
  html body[class] .aap-page-content > .aap-bridge,
  html body[class] .aap-page-content > .aap-ehr,
  html body[class] .aap-page-content > .aap-expert-proof,
  html body[class] .aap-page-content > .aap-next-step,
  html body[class] .aap-page-content > .aap-outcome,
  html body[class] .aap-page-content > .aap-credentialing-builder-link{margin-top:44px!important;margin-bottom:44px!important}
}

/* ── 21. The Stripe badge ───────────────────────────────────────────────────
 * Measured live 2026-09-16. Three faults, all visible at once on the subscription page:
 *   1. The official asset is 150x34 and already draws its own rounded purple frame (the first
 *      <path> in the SVG). The wrapper added a SECOND white bordered box around it, inside a
 *      third tinted block, so the mark read as a boxed-in sticker rather than a payment mark.
 *   2. The inline width/height said 119x26 against a 150x34 source: ratio 4.577 vs 4.412, so
 *      Stripe's wordmark was squashed about 4%. Altering the mark's proportions is also against
 *      Stripe's own asset rules.
 *   3. The surrounding assurance block was green (#155c3a text on #cfe1d7) on a navy-and-blue
 *      site, which is why it read as foreign.
 * The mark now sits on its own at its true ratio, on the site's palette.                        */
html body[class] .aap-paytrust__stripe{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}
html body[class] .aap-paytrust__stripe img{
  display:block!important;
  /* Native size. The frame is a 1px ring in a 150-unit viewBox; scaling it down thins the
     corners until the outline reads as four disconnected lines. */
  width:150px!important;
  height:34px!important;
  aspect-ratio:150 / 34!important;
  max-width:100%!important;
}
/* The subscription page's assurance strip: navy and blue, not green. */
html body[class] .aap-command-suite-checkout__trust{
  border-color:#cbd8e6!important;
  background:#f4f8fc!important;
}
html body[class] .aap-command-suite-checkout__trust strong{color:#0f2a47!important}
html body[class] .aap-command-suite-checkout__trust span{color:#41577a!important}

/* ── 22. Checkout defects found by the 2026-09-16 flow audit ────────────────
 * (a) Every payment field on the site was smaller than 16px, so iOS zooms the page on focus and
 *     the buyer has to pinch back — up to eleven times on the RCM sprint. aap-forms.php already
 *     states the rule ("16px also stops iOS zooming the page on field focus") but it only covers
 *     the fit form and /book/, and no payment form. Body is .92rem = 14.72px, and every checkout
 *     field uses font:inherit.
 * (b) The sprint order summary carries the price, the work-start clock and the only warranty
 *     line. outcome-package-system.css moves it above the form at <=900px, then the LAST rule in
 *     the same file cancels that with grid-row:auto. Equal specificity, later in source, so on
 *     every phone the price and warranty rendered BELOW "Buy Now, $6,500".
 * (c) The gap-report Stripe badge has no class, so the shared sizing rule never reached it: an
 *     <img> with both width and height and object-fit:fill stretched the mark off its 150x34
 *     ratio. That is the one instance where the distortion is visible rather than letterboxed.  */
html body[class] .aap-outcome-order-form :is(input,select,textarea),
html body[class] #aap-calculated-checkout-form :is(input,select,textarea),
html body[class] #aap-cpg-checkout-form :is(input,select,textarea),
html body[class] #aap-command-suite-checkout-form :is(input,select,textarea),
html body[class] .aap-credentialing-builder__form :is(input,select,textarea),
html body[class] .aap-cpg__form :is(input,select,textarea){
  font-size:16px!important;
}
@media(max-width:900px){
  html body[class] .aap-outcome-checkout__layout .aap-outcome-order-summary{grid-row:1!important;position:static!important}
}
html body[class] .aap-cpg__paytrust img{
  width:132px!important;
  height:auto!important;
  aspect-ratio:150 / 34!important;
  object-fit:contain!important;
}

/* ---------------------------------------------------------------------------
   23. Payment forms on a phone: stop insetting the same gutter twice.
   The checkout section carried a 24px page gutter AND 24px of its own padding,
   and the order-form card adds 20px more. At 375px that left 239px for the
   fields on the pages the printed adverts point at. The card has its own
   border and padding, so the section's inner padding is pure loss on a phone.
   --------------------------------------------------------------------------- */
@media(max-width:900px){
  html body[class] .aap-page-content > .aap-outcome.aap-outcome-checkout{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body[class] .aap-outcome-checkout .aap-outcome-order-form{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  /* One field per row, full width, once the column is this narrow. */
  html body[class] .aap-outcome-checkout .aap-form-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* The scope line reads as a stated fact, not as another thing to answer. */
html body[class] .aap-outcome-package-fit__scope{
  grid-column:1/-1!important;
  margin:0 0 4px!important;
  padding:12px 14px!important;
  border:1px solid #cfe0ef!important;
  border-left:4px solid var(--color-blue)!important;
  border-radius:10px!important;
  background:#f5f9fd!important;
  color:#31506d!important;
  font-size:.86rem!important;
  font-weight:500!important;
  line-height:1.55!important;
}
html body[class] .aap-outcome-package-fit__scope strong{color:#0f2a47!important;font-weight:800!important}
html body[class] .aap-outcome-package-fit__help{grid-column:1/-1!important}

/* ---------------------------------------------------------------------------
   24. The consent checkbox is the last thing a buyer touches before paying.
   .aap-form-check resolves to display:flex from the shared form stylesheet, so a
   20px box sitting next to a long paragraph was allowed to shrink. On a 375px
   screen it measured 13px wide on the pay step: under every published minimum
   tap target, on the one control that gates the money.
   --------------------------------------------------------------------------- */
html body[class] :is(.aap-form-check,.aap-ff-row,.aap-fit-form,.aap-cpg__form,#aap-buy-form,#aap-fpl-form,#aap-command-suite-checkout-form,.aap-outcome-order-form,.aap-credentialing-builder__form,#aap-calculated-checkout-form,.aap-calculated-checkout__form,.aap-lead-form,.aap-oregon-form) input[type="checkbox"],
html body[class] :is(.aap-form-check,.aap-ff-row,.aap-fit-form,.aap-cpg__form,#aap-buy-form,#aap-fpl-form,#aap-command-suite-checkout-form,.aap-outcome-order-form,.aap-credentialing-builder__form,#aap-calculated-checkout-form,.aap-calculated-checkout__form,.aap-lead-form,.aap-oregon-form) input[type="radio"]{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin-top:1px!important;
  accent-color:var(--color-blue)!important;
}

/* ── 25. The ghost button on a dark surface ────────────────────────────────
 * aap-state-layout-repair.php prints `.aap-page-content a.btn.btn-ghost{color:#0f2a47}`
 * with !important, to rescue the secondary button on LIGHT heroes. It is unconditional,
 * and at (0,3,1) it outranked funnel-system.css's `.aap-state .hero .btn-ghost` at (0,3,0),
 * so on every DARK surface the button rendered navy text on navy: measured 1.00:1 on
 * /credentialing-by-state/. That is the "button with no colour" on a dark band.
 *
 * Per section 15's rule, the dark-surface colour is settled here and nowhere else.       */
html body[class] .aap-state .hero :is(a,button).btn-ghost,
html body[class] .aap-state .cta :is(a,button).btn-ghost,
html body[class] .aap-hero--dark :is(a,button).btn-ghost,
html body[class] .aap-cta-band :is(a,button).btn-ghost,
html body[class] .aap-bridge :is(a,button).btn-ghost,
html body[class] .aap-cband :is(a,button).btn-ghost,
html body[class] .aap-standbehind :is(a,button).btn-ghost,
html body[class] .aap-outcome-hero :is(a,button).btn-ghost,
html body[class] [class*="--dark"] :is(a,button).btn-ghost,
html body[class] .aap-state .hero :is(a,button).aap-btn--secondary,
html body[class] .aap-state .cta :is(a,button).aap-btn--secondary,
html body[class] .aap-hero--dark :is(a,button).aap-btn--secondary,
html body[class] [class*="--dark"] :is(a,button).aap-btn--secondary{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  color:#fff!important;
}
html body[class] .aap-state .hero :is(a,button).btn-ghost:hover,
html body[class] .aap-state .hero :is(a,button).btn-ghost:focus-visible,
html body[class] .aap-state .cta :is(a,button).btn-ghost:hover,
html body[class] .aap-state .cta :is(a,button).btn-ghost:focus-visible,
html body[class] .aap-hero--dark :is(a,button).btn-ghost:hover,
html body[class] .aap-hero--dark :is(a,button).btn-ghost:focus-visible,
html body[class] .aap-cta-band :is(a,button).btn-ghost:hover,
html body[class] .aap-cta-band :is(a,button).btn-ghost:focus-visible,
html body[class] [class*="--dark"] :is(a,button).btn-ghost:hover,
html body[class] [class*="--dark"] :is(a,button).btn-ghost:focus-visible{
  background:#fff!important;
  border-color:#fff!important;
  color:#0f2a47!important;
}

/* ── 26. Body copy on the blue CTA band ────────────────────────────────────
 * rgba(255,255,255,.75) over #1a56db measures 4.18:1, under the 4.5:1 floor for
 * body text. It is the closing paragraph on the homepage, the state hub and every
 * page that carries the band.                                                            */
html body[class] .aap-cta-band p,
html body[class] .aap-cta-band li,
html body[class] .aap-cband p,
html body[class] .aap-cband li{
  color:rgba(255,255,255,.94)!important;
}

/* ── 27. Form field boundaries ─────────────────────────────────────────────
 * WCAG 1.4.11 wants 3:1 between a control's boundary and what sits next to it.
 * The field borders in use measured 1.88:1 (#aebfd2), 1.90:1 (#adbed0) and
 * 2.09:1 (#9fb6cc) against their own white fill, so on the credentialing and
 * checkout forms the inputs read as pale suggestions rather than fields.
 * #7a8fa6 is 3.33:1 on white and still reads light rather than heavy.
 * Focus keeps the brand blue ring, which is already well above the floor.     */
html body[class] :is(.aap-form-grid,.aap-outcome-order-form,.aap-cpg__form,.aap-fit-form,
  .aap-credentialing-builder__form,.aap-calculated-checkout__form,#aap-buy-form,#aap-fpl-form,
  #aap-command-suite-checkout-form,#aap-calculated-checkout-form,#aap-cpg-checkout-form,
  .aap-project-availability,.aap-ff-row,.aap-lead-form)
  :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  border-color:#7a8fa6!important;
}
html body[class] :is(.aap-form-grid,.aap-outcome-order-form,.aap-cpg__form,.aap-fit-form,
  .aap-credentialing-builder__form,.aap-calculated-checkout__form,#aap-buy-form,#aap-fpl-form,
  #aap-command-suite-checkout-form,#aap-calculated-checkout-form,#aap-cpg-checkout-form,
  .aap-project-availability,.aap-ff-row,.aap-lead-form)
  :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{
  border-color:#5e748c!important;
}

/* §28 2026-09-29 Consent strip floats instead of pushing the page.
   It sat in normal flow at the very top and analytics-consent.js un-hid it after load, so every
   page dropped by the strip's height under a first-time visitor: mobile CLS 0.37 on the Michigan
   credentialing page (Google's line is 0.1). Fixed-position elements never shift layout. Bottom-left
   card on desktop; on phones it sits above the Concierge launcher, which is fixed bottom-right. */
html body .aap-analytics-choice{position:fixed!important;left:16px;bottom:16px;z-index:99990;width:calc(100% - 32px);max-width:460px;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px;box-shadow:0 12px 32px rgba(15,42,71,.28)}
html body .aap-analytics-choice__inner{justify-content:flex-start!important;padding:12px 14px!important}
@media(max-width:700px){html body .aap-analytics-choice{left:8px;right:8px;width:auto;max-width:none;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:10px}html body .aap-analytics-choice .aap-analytics-choice__inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start!important;gap:6px;padding:8px!important}html body .aap-analytics-choice .aap-analytics-choice__inner>p{font-size:12px;line-height:1.3;max-width:none}html body .aap-analytics-choice .aap-analytics-choice__actions{width:100%;gap:8px}html body .aap-analytics-choice .aap-analytics-choice__actions button{flex:1 1 0;min-height:44px;font-size:14px}html body:has(#aap-analytics-choice:not([hidden])) .aapc-launch{bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}}

/* §29 2026-09-29 Reference tables in guides (figure.aap-data-table).
   The credentialing timeline article carries three reference tables with up to four text-heavy
   columns. At desktop width they sit on the 800px reading column as ordinary tables. At 900px and
   below, site-polish.js already turns every compatible table into labeled cards
   (.aap-responsive-stack), so this block only steps its own box and zebra fills out of the way
   there. Colours and the backgrounds they sit on are set together. */
html body[class] .aap-page-content figure.aap-data-table{margin-top:18px!important;margin-bottom:24px!important;padding:0!important;border:1px solid #d5e1ee;border-radius:12px;overflow:hidden;background:#fff!important}
html body[class] .aap-page-content figure.aap-data-table table{width:100%;margin:0!important;border-collapse:collapse;font-size:.93rem;background:#fff!important}
html body[class] .aap-page-content figure.aap-data-table th{background:#eef4fb!important;color:#0f2a47!important;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;padding:11px 12px;border:0!important;border-bottom:1px solid #d5e1ee!important;text-align:left;vertical-align:bottom}
html body[class] .aap-page-content figure.aap-data-table td{padding:11px 12px;border:0!important;border-bottom:1px solid #e3ebf4!important;background:#fff!important;color:#1d3550!important;line-height:1.5;vertical-align:top}
html body[class] .aap-page-content figure.aap-data-table tbody tr:nth-child(even) td{background:#f7fafd!important}
html body[class] .aap-page-content figure.aap-data-table tbody tr:last-child td{border-bottom:0!important}
html body[class] .aap-page-content figure.aap-data-table td:first-child{font-weight:700;color:#0f2a47!important}
html body[class] .aap-page-content figure.aap-data-table td a{color:var(--color-blue)!important;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){
  html body[class] .aap-page-content figure.aap-data-table{border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
  html body[class] .aap-page-content figure.aap-data-table table{background:transparent!important}
  html body[class] .aap-page-content figure.aap-data-table td,html body[class] .aap-page-content figure.aap-data-table tbody tr:nth-child(even) td{background:transparent!important;border-bottom:1px solid #e4ebf2!important}
  html body[class] .aap-page-content figure.aap-data-table tbody tr td:last-child{border-bottom:0!important}
}
/* §30 2026-09-29 Stacked tables on phones: the theme tints every other row (tr:nth-child(even) td),
   which inside site-polish.js cards (.aap-responsive-stack, white card per row) left every second card
   with tinted cells and a white rim. One fill per card. */
@media(max-width:900px){html body main table.aap-responsive-stack tbody tr:nth-child(even) td,html body main table.aap-responsive-stack tbody tr:nth-child(even) th{background:transparent!important}}

/* §31 2026-09-29 Headings use the width they have.
   aap-human-voice-organic-growth.php gives every h1 to h3 text-wrap:balance, which evens a two or
   three line heading into short lines: "Built Around The Systems Your Practice Already Uses" filled
   589 of 1,052px on desktop, and 17 homepage headings stopped well short of their box on a phone.
   pretty fills each line and only keeps a lone word off the last line. The homepage hero H1 keeps
   its deliberate balance on desktop. */
html body[class] :is(main,.aap-page-content) :is(h2,h3,h4),
html body[class] :is(main,.aap-page-content) h1:not(#hero-heading){text-wrap:pretty!important}

/* §32 2026-09-29 Homepage "Built Around The Systems" cards.
   They were plain white boxes with a 17px heading over one dense sentence of product names, beside
   sections built from icon steps, eyebrow chips and accent rules. Each card now leads with an icon
   and a full-size heading, and the systems read as tags. Colours and their backgrounds set together. */
html body.home .aap-home-system-grid{gap:20px!important;margin-top:36px}
html body.home .aap-home-system-grid article.aap-home-system{position:relative;display:flex;flex-direction:column;padding:30px 28px 26px!important;border:1px solid #d5e1ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,42,71,.05),0 14px 34px rgba(15,42,71,.07)!important;overflow:hidden}
html body.home .aap-home-system-grid article.aap-home-system::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--color-blue)}
html body.home .aap-home-system__head{display:flex;align-items:center;gap:14px;margin:0 0 14px}
html body.home .aap-home-system__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#eaf2fb!important;color:var(--color-blue)!important;box-shadow:inset 0 0 0 1px #d3e3f5}
html body.home .aap-home-system__icon svg{display:block;width:24px;height:24px}
html body.home .aap-home-system-grid article.aap-home-system h3{margin:0!important;color:#0f2a47!important;font-size:clamp(1.15rem,1.6vw,1.35rem)!important;line-height:1.22!important;letter-spacing:-.01em}
html body.home .aap-home-system-grid article.aap-home-system>p:not(.aap-home-system__label){margin:0 0 20px!important;color:#3d5570!important;font-size:1rem;line-height:1.62}





@media(max-width:700px){
  html body.home .aap-home-system-grid article.aap-home-system{padding:24px 20px 20px!important;border-radius:16px!important}
  html body.home .aap-home-system__icon{width:40px;height:40px;border-radius:11px}
  html body.home .aap-home-system__icon svg{width:22px;height:22px}
  
}

/* §33 2026-09-29 Section headings drop their width caps.
   Component rules capped h2s at 18 to 30 characters (packages buying guide, buyer questions, the
   credentialing builder, the cluster bridge, the state-guide section summaries), so a heading such
   as "You Answer Once. We Do The Paperwork." broke onto two lines inside a 1,150px box it fits on one
   line of. Page-top hero titles keep their deliberate measure. On phones the homepage system cards
   stack the icon above the heading so the heading gets the full card width. */
html body[class] :is(main,.aap-page-content) :is(h2,h3,h4):not(.aap-hero *){max-width:none!important}
@media(max-width:700px){html body.home .aap-home-system__head{flex-direction:column;align-items:flex-start;gap:12px}}

/* §34 2026-10-01 Insurer pills become plain text.
   Ryan: the insurance-name bubbles look out of place. The credentialing state pages printed each payer
   card's behavioral door ("Separate door: Optum Behavioral Health") as an amber capsule; the words carry
   real information, so they stay as a plain line under the card text. */
html body[class] main .carve{display:block!important;margin:.7rem 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#3d5570!important;font-size:.92rem!important;font-weight:700!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important}

/* §35 2026-10-01 Pay monthly or in full, and what the buyer should know before paying.
   One component for the sprint, credentialing and builder surfaces. The plan block only appears when
   the checkout API offers a plan for that exact order, so these rules are inert until then. The
   refund line sits right above the pay button (card networks want the policy at the point of
   purchase, not only behind a link). No badges, no person, no photo: plain text in our voice. */
html body[class] .aap-pay-plan{display:grid;gap:10px;margin:0 0 18px;padding:18px;border:1px solid #cddbe8;border-radius:14px;background:#f8fbfe}
html body[class] .aap-pay-plan[hidden]{display:none!important}
html body[class] .aap-pay-plan legend{padding:0 6px;color:#0f2a47;font-weight:850}
html body[class] .aap-pay-plan__option{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:14px 16px;border:1px solid #c3d3e3;border-radius:12px;background:#fff;cursor:pointer}
html body[class] .aap-pay-plan__option:has(input:checked){border-color:var(--color-blue);box-shadow:0 0 0 2px rgba(26,86,219,.16)}
html body[class] .aap-pay-plan__option input{width:19px;height:19px;margin:3px 0 0;accent-color:var(--color-blue)}
html body[class] .aap-pay-plan__body{display:grid;gap:3px;min-width:0}
html body[class] .aap-pay-plan__title{color:#0f2a47;font-weight:850;font-size:1rem}
html body[class] .aap-pay-plan__amount{color:#1b334c;font-weight:750;font-size:1.06rem}
html body[class] .aap-pay-plan__note{color:#3f5a73;font-size:.88rem;line-height:1.45}
html body[class] .aap-pay-plan__schedule{padding:14px 16px;border-left:4px solid #26845b;border-radius:8px;background:#f1faf5;color:#2f4c3f;font-size:.9rem;line-height:1.55}
html body[class] .aap-pay-plan__schedule[hidden]{display:none!important}
html body[class] .aap-pay-plan__schedule p{margin:0 0 8px}
html body[class] .aap-pay-plan__schedule p:last-child{margin-bottom:0}
html body[class] .aap-pay-plan__schedule-title{color:#174b35;font-weight:850}
html body[class] .aap-pay-refund{margin:14px 0 10px;color:#3d5570;font-size:.88rem;line-height:1.5}
html body[class] .aap-pay-processor{margin:10px 0 0;color:#5a6f84;font-size:.8rem;line-height:1.45}
html body[class] :is(.aap-outcome-order-summary__plan,.aap-calculated-checkout__plan,.aap-credentialing-builder__plan){margin:-4px 0 12px;color:#1b6e4a;font-size:.9rem;font-weight:750;line-height:1.45}
html body[class] :is(.aap-calculated-checkout__plan,.aap-credentialing-builder__plan)[hidden]{display:none!important}
html body[class] .aap-before-pay{margin:18px 0 0;padding:16px 18px;border:1px solid #d6e1ec;border-radius:12px;background:#fbfcfe}
html body[class] .aap-before-pay__title{margin:0 0 8px!important;color:#0f2a47;font-weight:850;font-size:.95rem}
html body[class] .aap-before-pay ul{margin:0;padding-left:18px;color:#3b5269;font-size:.86rem;line-height:1.55}
html body[class] .aap-before-pay li{margin:0 0 6px}
@media(max-width:600px){html body[class] .aap-pay-plan{padding:14px}html body[class] .aap-pay-plan__option{padding:12px 13px}}

/* §36 2026-10-07 One blue, including the copies printed inline.
   A second blue (#0b66c3, hover #084f98) was hard-coded in 24 files, so /packages/ buttons, the
   early-offer callout, checkout steppers and chevrons painted a different blue from the hero button.
   The stylesheets now read var(--color-blue) / var(--color-blue-dark). These rules cover the same
   literal where a plugin or template prints its own <style>, which this sheet cannot edit. */
html body[class] aside.aap-early-offer{border-left-color:var(--color-blue)!important}
html body[class] .aap-page-content > .aap-early-offer .aap-early-offer__label,
html body[class] .aap-early-offer .aap-early-offer__paths a,
html body[class] .aap-early-offer .aap-early-offer__more a{color:var(--color-blue)!important}
html body[class] .aap-early-offer a.aap-early-offer__btn.aap-early-offer__btn{background:var(--color-blue)!important;border-color:var(--color-blue)!important}
html body[class] .aap-early-offer a.aap-early-offer__btn.aap-early-offer__btn:is(:hover,:focus-visible){background:var(--color-blue-dark,#1547b8)!important;border-color:var(--color-blue-dark,#1547b8)!important}
html body[class] .aap-recognition-proof__rank > strong,
html body[class] .aap-recognition-proof__ranking em{color:var(--color-blue)!important}
html body.home .aap-home-step-grid > li > span,
html body.home .aap-home-suite__media figcaption strong{color:var(--color-blue)!important}
html body[class] .aap-mpsp-kicker.aap-mpsp-kicker,
html body[class] .aap-mpsp-order__price{color:var(--color-blue)!important}
html body[class] .aap-osi-paths__links span,
html body[class] :is(.aap-watch__chapters,.aap-watch__transcript) time,
html body[class] .aap-errsum__help a{color:var(--color-blue)!important}
html body[class] .aap-calculated-checkout{--aap-blue:var(--color-blue)}
html body[class] .aap-cpg{--cpg-blue:var(--color-blue)}

/* §37 2026-10-07 One button, one field.
   The theme button is Poppins 750, 14px corners (--radius-btn), 48px tall. Three buttons that print
   their own CSS still drew other shapes: the early-offer callout (Inter, 10px), the email-checklist
   band (Inter 700, inline styles in its markup) and the onboarding still cards (15px). Fields are
   Inter with 10px corners (--radius-input) and the §27 border on every form; the contact form had
   inherited Poppins from its labels and the order-form email row still used the pale #a9bbcd. */
html body[class] .aap-early-offer a.aap-early-offer__btn.aap-early-offer__btn,
html body[class] .aap-early-offer a.aap-early-offer__ask.aap-early-offer__ask,
html body[class] .aap-magnet-form button[type="submit"]{
  border-radius:var(--radius-btn,14px)!important;
  font-family:var(--font-heading)!important;
  font-size:14.4px!important;
  font-weight:750!important;
  line-height:1.2!important;
  min-height:48px!important;
  padding:12px 20px!important;
}
html body[class] .aap-early-offer a.aap-early-offer__ask.aap-early-offer__ask{background:transparent!important;border:2px solid rgba(15,42,71,.22)!important;color:#0f2a47!important}
html body[class] .aap-early-offer a.aap-early-offer__ask.aap-early-offer__ask:is(:hover,:focus-visible){border-color:#0f2a47!important;background:#eaf2fb!important}
html body[class] .aap-magnet-form input:not([type=hidden]):not([name=aap_website]){border-radius:var(--radius-input,10px)!important;font-family:var(--font-body)!important;min-height:48px}
html body[class] form.aap-contact-form :is(input,select,textarea){font-family:var(--font-body)!important}
html body[class] form.aap-contact-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
html body[class] form.aap-ofr__form :is(input[type=text],input[type=email]){border-color:#7a8fa6!important}
html body[class] .aap-onboarding-proof__card{border-radius:var(--radius-md,14px)!important}
/* Ryan, 2026-09-22: no DEMO or SAMPLE labels on any media. The onboarding stills carried a "Demo" pill. */
html body[class] .aap-onboarding-proof__example{display:none!important}

/* §38 2026-10-07 One related-links component.
   Related links rendered two ways: the "Keep Exploring" band (pill eyebrow, bold blue links, one
   column) and a grey box left inside a section ("Related", "New & Related", about's "Keep Exploring")
   with a 36px letterspaced grey label and underlined navy links. The box now draws exactly like the
   band: no box chrome, the label is the pill eyebrow, the links are the band's blue column with the
   same arrow. Values copied from the band's computed styles. */
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col){background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:44px 0 0!important}
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col) > .aap-related__label{display:inline-block!important;width:auto!important;max-width:none!important;margin:0 0 12px!important;padding:6.4px 13.6px!important;border:0!important;border-radius:999px!important;background:rgba(26,86,219,.09)!important;color:var(--color-blue)!important;font-family:var(--font-heading)!important;font-size:11.52px!important;font-weight:700!important;line-height:15.552px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col) .aap-related__links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;margin:0!important;padding:0!important;font-size:1rem!important}
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col) .aap-related__links li{margin:0!important;padding:0!important;border:0!important}
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col) .aap-related__links a{color:var(--color-blue)!important;text-decoration:none!important;font-weight:600!important;padding:11px 8px 0!important;border:0!important;box-shadow:none!important}
html body[class] .aap-page-content .aap-related:not(.aap-related-band__col) .aap-related__links a:hover{text-decoration:underline!important;background:transparent!important}

/* §40 2026-10-07 The Ongoing Billing and Automation Program checkouts use the site form system.
   Their fields ([aap_billing_checkout], [aap_automation_checkout]: div.aap-form-grid of label > span +
   input) had no styles on those pages, so each label and a tiny Arial input sat inline on one line.
   Same recipe as the First Practice Launch form (.aap-fit-form in aap-forms.php) and the §27/§37
   field boundary: label above a full-width 48px field, Inter 16px, 10px corners, #7a8fa6 border,
   blue focus halo; two columns on desktop, one on phones; consent as a bordered row like the
   credentialing checkout. The progress tiles lose the generic list indent so they sit on the text edge. */
html body[class] .aap-ol-checkout form.aap-outcome-order-form{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md,14px);padding:clamp(20px,3vw,28px);box-shadow:0 8px 30px rgba(15,42,71,.08)}
html body[class] .aap-ol-checkout ol.aap-checkout-progress{padding-left:0!important;margin-left:0!important;list-style:none!important}
html body[class] .aap-ol-checkout ol.aap-checkout-progress > li::before{content:none!important;display:none!important}
html body[class] .aap-ol-checkout .aap-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 16px!important;margin:0 0 18px!important}
html body[class] .aap-ol-checkout .aap-form-grid > label{display:block!important;margin:0!important;padding:0!important;font-family:var(--font-body)!important;font-size:.92rem!important;font-weight:600!important;line-height:1.4!important;color:#0f2a47!important}
html body[class] .aap-ol-checkout .aap-form-grid > label > span{display:block}
html body[class] .aap-ol-checkout .aap-form-grid > .aap-form-grid__wide{grid-column:1/-1}
html body[class] .aap-ol-checkout .aap-form-grid :is(input:not([type=checkbox]):not([type=radio]),select,textarea){display:block!important;width:100%!important;box-sizing:border-box!important;min-height:48px!important;margin:7px 0 0!important;padding:12px 14px!important;border:1px solid #7a8fa6!important;border-radius:var(--radius-input,10px)!important;background-color:#fff!important;color:#0f2a47!important;font-family:var(--font-body)!important;font-size:16px!important;font-weight:400!important;line-height:1.45!important;-webkit-appearance:none;appearance:none}
html body[class] .aap-ol-checkout .aap-form-grid select{padding-right:40px!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%235A6B80' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px 9px!important;cursor:pointer}
html body[class] .aap-ol-checkout .aap-form-grid :is(input,select,textarea):hover:not(:focus){border-color:#5e748c!important}
html body[class] .aap-ol-checkout .aap-form-grid :is(input,select,textarea):focus{outline:none!important;border-color:var(--color-blue)!important;box-shadow:0 0 0 3px rgba(26,86,219,.15)!important}
html body[class] .aap-ol-checkout .aap-form-grid ::placeholder{color:#94a3b8;opacity:1}
html body[class] .aap-ol-checkout label.aap-form-check{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 14px!important;padding:12px 16px!important;border:1px solid #cad8e6!important;border-radius:12px!important;background:#fff!important;color:#30485f!important;font-family:var(--font-body)!important;font-size:.9rem!important;font-weight:400!important;line-height:1.5!important;cursor:pointer}
html body[class] .aap-ol-checkout label.aap-form-check > input{flex:none!important;width:20px!important;height:20px!important;margin:1px 0 0!important;accent-color:var(--color-blue)}
html body[class] .aap-ol-checkout fieldset.aap-ol-plan{margin:0 0 16px!important;padding:14px 16px 4px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fbfcfe!important}
html body[class] .aap-ol-checkout fieldset.aap-ol-plan legend{padding:0 6px!important;color:#0f2a47!important;font-size:.95rem!important;font-weight:700!important}
@media(max-width:640px){html body[class] .aap-ol-checkout .aap-form-grid{grid-template-columns:1fr!important}}
html body[class] .aap-ol-checkout .aap-section__inner > h1{margin-bottom:16px!important}
@media(max-width:640px){html body[class] .aap-ol-checkout form.aap-outcome-order-form button[type=submit]{width:100%}}

/* §39 2026-10-07 Sections alternate.
   Authors marked every other section --tint assuming the hero was not a section, but the hero IS
   section 1, so the plain sections landed on even positions and took the parity tint too: up to
   seven tinted sections in a row (New York 7, Command Suite 6, home 4). The parity rule in §3 now
   decides alone: a --tint section in an odd position renders white, an even one stays tinted. The
   old "--tint + --tint goes white" patch is retired in §3 because parity already alternates them. */
html body[class] .aap-section--tint:nth-of-type(odd):not([class*="dark"]):not([class*="navy"]):not(.aap-hero):not(.aap-cta-band):not(.aap-related-band),
html body[class] .aap-section--alt:nth-of-type(odd):not([class*="dark"]):not([class*="navy"]):not(.aap-hero):not(.aap-cta-band):not(.aap-related-band){background-color:#fff!important}
/* /packages/ wraps two of its sections in anchor divs (#billing, #automation), so parity restarts
   inside each and five sections ran T T W W W. Set the rhythm explicitly, scoped to this page. */
html body[class] .aap-page-content:has(> section#what-you-pay) > section#how-credentialing-pricing-works.aap-section{background-color:#fff!important}
html body[class] .aap-page-content:has(> section#what-you-pay) > div#billing > section#billing-prices.aap-section{background-color:#eef3fa!important}
html body[class] .aap-page-content:has(> section#what-you-pay) > div#automation > section#automation-programs.aap-section{background-color:#fff!important}
html body[class] .aap-page-content:has(> section#what-you-pay) > div#automation + section.aap-section:not(.aap-faq):not(.aap-cta-band){background-color:#eef3fa!important}
html body[class] .aap-page-content:has(> section#what-you-pay) > div#automation ~ section.aap-faq{background-color:#fff!important}

/* §41 2026-10-07 Grids hold balanced rows on desktop.
   §8 spread a lone fourth card across the full row; four cards now sit 2 x 2, five sit 3 + 2 with
   the second row's cards widened to fill it, the eight EHR logos sit 4 x 2 and six connections 3 x 2
   (they ran 5 + 3 and 5 + 1). The stand-behind panel and buyer answers had the same 3 + 1. */
@media(min-width:901px){
  html body[class] :is(.aap-card-grid,.aap-standbehind__grid,.aap-answers__grid):has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[class] :is(.aap-card-grid,.aap-standbehind__grid,.aap-answers__grid):has(> :nth-child(4):last-child) > *{grid-column:auto!important}
  html body[class] .aap-card-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body[class] .aap-card-grid:has(> :nth-child(5):last-child) > *{grid-column:span 2!important}
  html body[class] .aap-card-grid:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3!important}
  html body[class] .aap-ehr__grid:has(> :nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body[class] .aap-ehr__grid:has(> :nth-child(6):last-child),
  html body[class] :is(.aap-cap-grid,.aap-source-grid):has(> :nth-child(6):last-child),
  html body[class] :is(.aap-cap-grid,.aap-source-grid):has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* §42 2026-10-07 The Stripe payment note under the Command Suite hero buttons reads as a quiet line,
   not a bordered card competing with the buttons. */
html body[class] .aap-hero aside.aap-paytrust-summary{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 14px!important;width:auto!important;max-width:none!important;margin:18px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--color-muted)!important;font-size:.85rem!important;line-height:1.5!important}
html body[class] .aap-hero aside.aap-paytrust-summary p{margin:0!important;max-width:none!important;color:inherit!important;font-size:inherit!important}
html body[class] .aap-hero aside.aap-paytrust-summary strong{color:inherit!important;font-weight:600!important}
html body[class] .aap-hero aside.aap-paytrust-summary .aap-paytrust__stripe{min-height:0!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body[class] .aap-hero aside.aap-paytrust-summary .aap-paytrust__stripe img{width:96px!important;height:auto!important}

/* §43 2026-10-07 Small layout fixes.
   The price builder's "Medicare And Medicaid Enrollments" legend sat on the fieldset border; it now
   reads as the box's own heading inside it. On phones .aap-split put its copy column 20px past the
   page gutter (x=44 against the H1 at 24); it now sits on the 24px gutter like everything else. */
html body[class] fieldset.aap-credentialing-builder__government > legend{float:left;width:100%;margin:0 0 6px!important;padding:0!important;background:transparent}
html body[class] fieldset.aap-credentialing-builder__government > legend + *{clear:both}
@media(max-width:640px){
  html body[class] .aap-page-content section > .aap-split{width:auto!important;max-width:none!important;margin-left:24px!important;margin-right:24px!important;padding-left:0!important;padding-right:0!important}
}
/* §39b FAQ sections follow the same parity (§3 forced every .aap-faq tinted, which ran
   tint-tint-tint on /custom-software-automation/). /packages/ keeps its explicit rhythm above. */
html body[class] .aap-page-content > section.aap-section.aap-faq:nth-of-type(odd):not([class*="dark"]):not([class*="navy"]){background-color:#fff!important}

/* §44 2026-10-13 Three link styles, used the same way everywhere.
   Ryan: links like "See What We Build" did not read as links, and the site had about 30 link looks
   (two colours, four weights, underline or not, arrow or not). The site now has three:
     1. Inline link (inside a sentence): brand blue, soft underline that turns solid on hover.
     2. Action link (a link on its own line: card footers, "See All...", link lists): brand blue,
        semibold, no underline, an arrow that nudges on hover; external links get the ↗ arrow.
     3. Buttons (.aap-btn and friends): unchanged.
   aap-link-system.php tags each content link .aap-link-inline or .aap-link-action (and
   .aap-link-on-dark on navy surfaces); header, nav, footer, buttons and card-wrapping links are
   skipped. The repeated class only raises specificity above the older per-component link rules. */
html body[class] a.aap-link-inline.aap-link-inline.aap-link-inline{
  color:var(--color-blue,#1a56db)!important;text-decoration-line:underline!important;
  text-decoration-thickness:1px!important;text-underline-offset:3px!important;
  text-decoration-color:rgba(26,86,219,.45)!important;border-bottom:0!important;box-shadow:none!important;
  transition:color .15s,text-decoration-color .15s}
html body[class] a.aap-link-inline.aap-link-inline.aap-link-inline:is(:hover,:focus-visible){
  color:#1547b8!important;text-decoration-color:currentColor!important}
html body[class] a.aap-link-action.aap-link-action.aap-link-action{
  display:inline-flex!important;align-items:baseline;gap:.4em;
  color:var(--color-blue,#1a56db)!important;font-weight:600!important;
  text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;background:none!important}
html body[class] a.aap-link-action.aap-link-action.aap-link-action::after{
  content:"\2192";display:inline-block;font-weight:600;line-height:1;transition:transform .15s ease;
  text-decoration:none}
html body[class] a.aap-link-action.aap-link-action.aap-link-action[data-aap-arrow="ext"]::after{content:"\2197"}
html body[class] a.aap-link-action.aap-link-action.aap-link-action[data-aap-arrow="none"]::after{content:none}
html body[class] a.aap-link-action.aap-link-action.aap-link-action:is(:hover,:focus-visible){
  color:#1547b8!important;text-decoration:underline!important;text-underline-offset:3px!important;
  text-decoration-thickness:1px!important}
html body[class] a.aap-link-action.aap-link-action.aap-link-action:is(:hover,:focus-visible)::after{transform:translateX(3px)}
html body[class] a.aap-link-action.aap-link-action.aap-link-action[data-aap-arrow="ext"]:is(:hover,:focus-visible)::after{transform:translate(2px,-2px)}
html body[class] a:is(.aap-link-inline,.aap-link-action):focus-visible{outline:2px solid var(--color-blue,#1a56db)!important;outline-offset:2px;border-radius:2px}
/* Navy and photo surfaces: the same two styles in the light blue the dark bands already use. */
html body[class] a.aap-link-inline.aap-link-on-dark.aap-link-inline{
  color:#bcd4ff!important;text-decoration-color:rgba(188,212,255,.55)!important}
html body[class] a.aap-link-action.aap-link-on-dark.aap-link-action{color:#bcd4ff!important}
html body[class] a:is(.aap-link-inline,.aap-link-action).aap-link-on-dark:is(:hover,:focus-visible){
  color:#ffffff!important;text-decoration-color:currentColor!important}
html body[class] a:is(.aap-link-inline,.aap-link-action).aap-link-on-dark:focus-visible{outline-color:#ffffff!important}

/* §45 2026-10-13 Review cards close their quotes.
   The homepage review cards and the full-review dialog drew a large opening mark (::before on the
   card) and nothing at the end, so every quote looked unfinished (Ryan). The closing mark sits at
   the end of the last paragraph in the same face and colour as the opening one. */
html body[class] .aap-hp-ticker__q > p:last-child::after,
html body[class] .aap-hp-review__q > p:last-child::after{
  content:"\201D";font-family:Georgia,"Times New Roman",serif;font-size:2.6em;line-height:0;
  vertical-align:-.42em;margin-left:.06em;color:#7fb0ff;opacity:.85}
html body[class] .aap-hp-review__q > p:last-child::after{color:#1a56db;opacity:.35}


/* §46 2026-10-13 Mobile brand centering and clear hero phrases.
   Balance the menu's clearance on both sides so the logo centers on the screen.
   Each promise starts its own line; the final promise may wrap within itself.
   Quote glyphs use rem units so the short review's larger text cannot resize them. */
html body.home[class] .aap-hp-ticker__card::before,
html body.home[class] .aap-hp-ticker__q > p:last-child::after{
  font-size:3.6rem!important;
}
@media(max-width:768px){
  html body[class] .site-header > .container{padding-left:24px!important;padding-right:24px!important}
  html body[class] .site-header .header-inner{
    position:relative!important;justify-content:center!important;
    padding-left:48px!important;padding-right:48px!important;
  }
  html body[class] .site-header .header-inner > a.logo{
    flex:0 1 240px!important;width:240px!important;min-width:0!important;max-width:100%!important;
    justify-content:center!important;margin-left:auto!important;margin-right:auto!important;
  }
  html body[class] .site-header .header-inner > a.logo > img.site-logo-img{
    width:100%!important;max-width:240px!important;height:auto!important;max-height:none!important;
    object-position:center!important;
  }
  html body[class] .site-header .header-inner > .hamburger{
    position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;
    width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;
  }
  html body.home[class] main #hero-heading{text-align:center!important}
  html body.home[class] main #hero-heading > .aap-keep-together{
    display:block!important;white-space:nowrap!important;
  }
  html body.home[class] main #hero-heading > .aap-keep-together:last-child{
    white-space:normal!important;text-wrap:balance;
  }
}


/* §47 2026-10-13 The four full hero reviews share one body weight.
   Keep the short cards' larger type and existing faces; only the weight changes. */
html body.home[class] .aap-hp-ticker__q,
html body.home[class] .aap-hp-ticker__q > p{font-weight:600!important}
html body.home[class] .aap-hp-ticker__card::before,
html body.home[class] .aap-hp-ticker__q > p:last-child::after{font-weight:400!important}


/* §48 2026-10-13 A little more mobile space around the complete brand artwork.
   The centered logo scales together; the menu stays44px and12px inside the viewport. */
@media(max-width:768px){
  html body[class] .site-header .header-inner > a.logo{
    flex:0 1 auto!important;width:94%!important;max-width:225.6px!important;
  }
  html body[class] .site-header .header-inner > .hamburger{right:-12px!important}
}


/* §49 2026-10-13 Ryan prefers the mobile brand toward the left.
   Keep the smaller complete artwork, generous menu gap and centered hero promises. */
@media(max-width:768px){
  html body[class] .site-header .header-inner{
    justify-content:flex-start!important;padding-left:0!important;padding-right:52px!important;
  }
  html body[class] .site-header .header-inner > a.logo{
    width:100%!important;max-width:225.6px!important;justify-content:flex-start!important;
    margin-left:0!important;margin-right:auto!important;
  }
  html body[class] .site-header .header-inner > a.logo > img.site-logo-img{object-position:left center!important}
}

/* §50 2026-10-13 Checkout "Before You Pay" lists read as sentences.
   The credentialing checkout lays every summary <li> out as a label/amount grid. That is right for
   price lines and wrong for the Before You Pay sentences: on phones "Questions first? Email" split
   from its address and broke mid-word ("Question s first?"). */
html body[class] .aap-calculated-checkout__summary .aap-before-pay li{
  display:list-item!important;grid-template-columns:none!important;padding:0!important;border:0!important;margin:0 0 6px!important}
html body[class] .aap-before-pay li > a{display:inline!important;overflow-wrap:anywhere}

/* §51 2026-10-13 Gap Report agreement checkbox in regular weight.
   It rendered as eight bold lines between the email field and the Buy button on phones; the
   other checkouts already set their agreement text in regular weight. */
html body[class] .aap-cpg__check{font-weight:400!important;font-size:.95rem!important;line-height:1.5!important}
html body[class] .aap-cpg__check a{font-weight:600}

/* §52 2026-10-13 A hidden payment-plan box stays hidden. Orders under $1,000 have no monthly option;
   a display rule on .aap-pay-plan beat [hidden] and left empty "Pay Monthly / Pay In Full" headings. */
html body[class] .aap-pay-plan[hidden]{display:none!important}
/* Same for the checkout sidebar "or $X a month" line after Pay In Full is chosen. */
html body[class] [data-aap-summary-plan][hidden],html body[class] [data-aap-quote-adjustments] p[hidden]{display:none!important}

/* §53 2026-10-13 Before You Pay bullets keep their own gutter (the §50 fix had removed it, so the dot sat on
   the first letter), wherever the list sits: summary card or under the pay button. */
html body[class] .aap-before-pay ul{list-style:none!important;margin:0!important;padding:0!important}
html body[class] .aap-before-pay li,html body[class] .aap-calculated-checkout__summary .aap-before-pay li{
  display:block!important;position:relative!important;padding:0 0 0 18px!important;margin:0 0 8px!important;border:0!important}
html body[class] .aap-before-pay li::before{content:""!important;position:absolute!important;left:2px!important;top:.62em!important;
  width:6px!important;height:6px!important;border-radius:50%!important;background:#1a56db!important;margin:0!important}

/* §54 2026-10-13 Checkout story (How It Works, No Surprises, Who You're Working With) in the site theme.
   Markup comes from mu-plugins/aap-checkout-story.php. Lists reuse the Before You Pay pattern (§50, §53);
   the founder quote uses the homepage review pattern (keyline rule above, body face, navy name). Ryan: everything
   matches the official theme. */
html body[class] .aap-checkout-story ul li{font:400 .95rem/1.55 var(--vs-body)!important;color:var(--vs-text)!important}
html body[class] .aap-checkout-story ul li strong{color:var(--vs-navy);font-weight:700}
html body[class] .aap-checkout-story .aap-before-pay__title{margin:20px 0 8px!important;font-family:var(--vs-head);color:var(--vs-navy)}
html body[class] .aap-checkout-story > .aap-before-pay__title:first-child{margin-top:0!important}
html body[class] .aap-checkout-story__charge{margin-bottom:4px!important}
html body[class] .aap-checkout-story__who{margin:4px 0 0!important;font:400 .95rem/1.6 var(--vs-body);color:var(--vs-text)}
html body[class] .aap-checkout-story__quote{margin:16px 0 0!important;padding:14px 0 0!important;border-top:3px solid var(--vs-keyline)}
html body[class] .aap-checkout-story__quote blockquote{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;quotes:none}
html body[class] .aap-checkout-story__quote blockquote p{margin:0!important;font:500 1rem/1.6 var(--vs-body)!important;color:var(--vs-text)!important;font-style:normal!important}
html body[class] .aap-checkout-story__quote figcaption b{display:block;color:var(--vs-navy);font-weight:700;font-size:.95rem}
html body[class] .aap-checkout-story__quote figcaption span{display:block;color:var(--vs-muted);font-size:.9rem}
html body[class] .aap-checkout-story__ask{margin:14px 0 0!important;font:400 .95rem/1.55 var(--vs-body);color:var(--vs-muted)}
html body[class] .aap-book-note .aap-checkout-story__who{font-size:1rem}

/* §55 2026-10-14 Site audit appearance fixes (Ryan: "fix the appearance issues"). Theme tokens only.
   1. Closing CTA bands: the primary button reads on navy (it was brand blue on the blue gradient).
   2. Gap Report consent: checkbox sits on the first line of its paragraph.
   3. Five cards in a four column row: 3 + 2, the last two centered (no orphan stretched card).
   4. Price table "See ..." buttons: full cell width so the column stays even.
   5. "Still deciding?" router line keeps the phone side gutter.
   6. Dark "What We'll Never Promise" heading uses the brand light blue, not gold.
   7. Phone hero buttons in a paragraph (Bend, Salem) are full width like every other hero.
   8. A single price card on desktop runs across the row: name left, price and buy button right. */
html body[class] .aap-cta-band .aap-btn--primary{background:#fff!important;color:var(--vs-navy)!important;border-color:#fff!important}
html body[class] .aap-cta-band .aap-btn--primary:hover{background:var(--vs-tint)!important}
html body[class] .aap-cpg__check{align-items:flex-start!important}
html body[class] .aap-cpg__check input{margin-top:3px!important;flex:0 0 auto}
@media(min-width:900px){
  html body[class] .aap-cap-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body[class] .aap-cap-grid:has(> :nth-child(5):last-child) > *{grid-column:span 2}
  html body[class] .aap-cap-grid:has(> :nth-child(5):last-child) > :nth-child(4){grid-column:2 / span 2}
  html body[class] .aap-price-grid--single{grid-template-columns:minmax(0,1fr)!important}
  html body[class] .aap-price-grid--single .aap-price-card{display:grid!important;grid-template-rows:auto!important;grid-row:auto!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"name price" "for detail" "for cta";column-gap:48px;align-items:center}
  html body[class] .aap-price-grid--single .aap-price-card__name{grid-area:name}
  html body[class] .aap-price-grid--single .aap-price-card__for{grid-area:for;align-self:start}
  html body[class] .aap-price-grid--single .aap-price-card__price{grid-area:price}
  html body[class] .aap-price-grid--single .aap-price-card__detail{grid-area:detail}
  html body[class] .aap-price-grid--single .aap-price-card__cta{grid-area:cta}
  html body[class] .aap-price-grid--single .aap-price-card__how:empty,html body[class] .aap-price-grid--single .aap-price-card__inc:empty{display:none}
}
html body[class] .aap-cell-value .aap-scoped-cta{display:flex;width:100%;justify-content:center;text-align:center;line-height:1.25}
@media(max-width:700px){html body[class] .aap-funnel__help{padding-inline:16px}}
html body[class] .aap-standbehind__nope h3{color:#bcd4ff!important}
@media(max-width:600px){html body[class] .aap-hero p > a.aap-btn{display:flex;width:100%;justify-content:center;margin:0 0 10px}}
@media(min-width:900px){html body[class] .aap-price-grid.aap-price-grid--single{grid-template-columns:minmax(0,860px)!important}}
@media(min-width:900px){html body[class]:not(#vs) .aap-price-grid.aap-price-grid--single{grid-template-columns:minmax(0,860px)!important}}

/* §56 2026-10-14 One card title size site-wide, and titles use the full card width before wrapping (Ryan: card
   titles "too small", "don't match", "wrap to the next line too soon"). Measured live: card titles ranged from 15px to
   40px (18px on most cards, 22px on price cards, 31px/40px on case study cards). Every card title now matches the price
   card title, 22px, and wraps normally instead of "pretty" (pretty moved words down early to avoid a one word line). */
html body[class]:not(#vs) :is(.aap-card,.aap-price-card,.aap-cap,.aap-proof-card,.aap-process,.aap-hp-cases article,.aap-hp-whyus li,.aap-hp-whyus article,.aap-hp-steps li,.aap-funnel article) > :is(h2,h3,h4):not(.eyebrow),
html body[class]:not(#vs) :is(.aap-card,.aap-price-card,.aap-cap,.aap-proof-card,.aap-process,.aap-hp-cases article,.aap-hp-whyus li,.aap-hp-whyus article,.aap-hp-steps li,.aap-funnel article) > a > :is(h2,h3,h4){
  font-size:1.375rem!important;line-height:1.25!important;text-wrap:wrap!important;max-width:none!important}
/* §56b Same rule with more weight: visual-system.css and the homepage inline styles load after this file with equal
   weight, so the 22px card titles lost. The second :not() adds the weight. Also (Ryan): "What Practice Owners Say" is a
   section heading, so it gets section heading size and more room above the review cards. */
html body[class]:not(#vs):not(#vs2) :is(.aap-card,.aap-price-card,.aap-cap,.aap-proof-card,.aap-process,.aap-hp-cases article,.aap-hp-whyus li,.aap-hp-whyus article,.aap-hp-steps li,.aap-funnel article) > :is(h2,h3,h4):not(.eyebrow),
html body[class]:not(#vs):not(#vs2) :is(.aap-card,.aap-price-card,.aap-cap,.aap-proof-card,.aap-process,.aap-hp-cases article,.aap-hp-whyus li,.aap-hp-whyus article,.aap-hp-steps li,.aap-funnel article) > a > :is(h2,h3,h4){
  font-size:1.375rem!important;line-height:1.25!important;text-wrap:wrap!important;max-width:none!important}
html body[class]:not(#vs):not(#vs2) .aap-hp-ticker__label{font-size:clamp(1.75rem,4vw,2.4rem)!important;line-height:1.2!important;margin-bottom:44px!important}
/* §56c "This Fits When / Choose Another Path When" boxes use the same card title size. */
html body[class]:not(#vs):not(#vs2) .aap-two-col > article > :is(h2,h3):not(.eyebrow){font-size:1.375rem!important;line-height:1.25!important;text-wrap:wrap!important}
/* §56d (2026-10-14) Headings fill their width: phrase-lock spans inside section and card titles no longer force an early break. Hero H1 keeps its locks. */
html body[class]:not(#vs):not(#vs2) :is(h2,h3,h4) .aap-keep-together{white-space:normal!important}
/* §56e Page headlines (non-homepage hero) also let phrase locks wrap, e.g. /resources/ "Side Of / Behavioral Health." */
html body[class]:not(#vs):not(#vs2) h1:not(#hero-heading) .aap-keep-together{white-space:normal!important}
/* §57 Stripe trust mark (aap_stripe_trust): official badge + one short line, wherever the site describes paying. */
.aap-stripe-trust{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0!important}
.aap-stripe-trust__badge{display:inline-flex;flex:none;line-height:0;border-radius:6px;transition:transform .15s,box-shadow .15s}
.aap-stripe-trust__badge:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(99,91,255,.18)}
.aap-stripe-trust__badge:focus-visible{outline:3px solid rgba(26,86,219,.35);outline-offset:3px}
.aap-stripe-trust__badge img{display:block!important;width:112px!important;height:auto!important;margin:0!important;max-width:none!important}
.aap-stripe-trust__text{flex:1 1 180px;font-size:.86rem!important;line-height:1.45!important;color:inherit;opacity:.85}
@media (prefers-reduced-motion:reduce){.aap-stripe-trust__badge{transition:none}.aap-stripe-trust__badge:hover{transform:none}}
/* §57b Stripe trust mark follows its column: block, aligned with the surrounding text, text full column width, no external-link arrow. */
html body[class]:not(#vs) .aap-stripe-trust{display:block!important;text-align:inherit;margin:14px 0 0!important}
html body[class]:not(#vs) .aap-stripe-trust__badge{display:inline-flex!important;vertical-align:middle}
html body[class]:not(#vs) .aap-stripe-trust__badge::before,html body[class]:not(#vs) .aap-stripe-trust__badge::after{content:none!important;display:none!important}
html body[class]:not(#vs) .aap-stripe-trust__text{display:block!important;margin:6px 0 0!important;max-width:none!important}
/* §57c Inline Stripe wordmark in payment sentences: sits on the text baseline, about cap height. */
html body[class]:not(#vs) img.aap-stripe-word{display:inline-block!important;height:1.02em!important;width:auto!important;max-width:none!important;margin:0 .06em!important;vertical-align:-.2em!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body[class]:not(#vs) img.aap-stripe-word{margin:0 0 0 .08em!important}
html body[class]:not(#vs) img.aap-stripe-word{margin:0 .05em 0 .06em!important}
/* §57d Linked inline Stripe wordmark: no underline, border or arrow; gentle hover. */
html body[class]:not(#vs) a.aap-stripe-word-link{display:inline!important;padding:0!important;border:0!important;background:none!important;text-decoration:none!important;box-shadow:none!important}
html body[class]:not(#vs) a.aap-stripe-word-link::before,html body[class]:not(#vs) a.aap-stripe-word-link::after{content:none!important;display:none!important}
html body[class]:not(#vs) a.aap-stripe-word-link:hover img.aap-stripe-word{opacity:.8}
html body[class]:not(#vs) a.aap-stripe-word-link:focus-visible{outline:2px solid #635BFF!important;outline-offset:2px;border-radius:3px}
/* §58 Secure pay line (aap-secure-pay.php): one small line beside every buy decision. */
html body[class]:not(#vs) p.aap-secure-pay{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 7px;margin:10px 0 0!important;padding:0!important;font:600 .84rem/1.4 Inter,"Helvetica Neue",Arial,sans-serif!important;color:#41577a!important;letter-spacing:0;max-width:none!important}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__lock{flex:none;color:#1a8a4a;margin-top:-1px}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__main{display:inline-flex;align-items:center;gap:0;white-space:nowrap}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__sep{opacity:.55}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__methods{font-weight:500;white-space:nowrap}
html body[class]:not(#vs) p.aap-secure-pay img.aap-stripe-word{height:1.08em!important;margin:0 0 0 .3em!important;vertical-align:-.22em!important}
html body[class]:not(#vs) p.aap-secure-pay--hero{margin:16px 0 0!important;font-size:.9rem!important}
html body[class]:not(#vs) .aap-price-card p.aap-secure-pay{justify-content:center}
html body[class]:not(#vs) .aap-hero--dark p.aap-secure-pay,html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay{color:#d6e4ff!important}
html body[class]:not(#vs) .aap-hero--dark p.aap-secure-pay .aap-secure-pay__lock,html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay .aap-secure-pay__lock{color:#7ee2a8}
html body[class]:not(#vs) .aap-hero--dark p.aap-secure-pay img.aap-stripe-word,html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay img.aap-stripe-word{filter:brightness(0) invert(1)}
/* §58b Secure pay line: block text that follows its column's alignment; no separator; hero adds one short sentence. */
html body[class]:not(#vs) p.aap-secure-pay{display:block!important;text-align:inherit}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__main{display:inline-flex;align-items:center;white-space:nowrap}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__lock{margin:0 6px 0 0!important}
html body[class]:not(#vs) p.aap-secure-pay .aap-secure-pay__methods{white-space:normal;font-weight:500;margin-left:4px}
html body[class]:not(#vs) .aap-price-card p.aap-secure-pay{text-align:center}
html body[class]:not(#vs) p.aap-secure-pay--hero{font-size:.95rem!important}
@media(min-width:701px){html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero{text-align:center}}
/* §58c Hero secure-pay line: readable at the top of the page. */
html body[class]:not(#vs) p.aap-secure-pay--hero{font-size:1rem!important;margin:18px 0 0!important}
html body[class]:not(#vs) p.aap-secure-pay--hero img.aap-stripe-word{height:1.15em!important;vertical-align:-.24em!important}
html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero,html body[class]:not(#vs) .aap-hero--dark p.aap-secure-pay--hero{color:#eef4ff!important}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__lock{width:15px;height:15px}
/* §59 Hero secure line sits right under the first button (phone) / full width under the row (desktop), centered, two lines. */
html body[class]:not(#vs) :is(.hero-actions,.aap-hero__ctas) > p.aap-secure-pay--hero{flex:0 0 100%!important;order:3;width:100%;grid-column:1/-1;margin:2px 0 0!important}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods{display:block!important;margin:3px 0 0!important}
html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero{text-align:center!important}
@media(max-width:700px){html body[class]:not(#vs) :is(.hero-actions,.aap-hero__ctas) > p.aap-secure-pay--hero{order:0;text-align:center!important;margin:-4px 0 6px!important}}
/* §59b Button labels fill the button: no early or three-line wraps. */
html body[class]:not(#vs) .aap-btn .aap-action-label{text-wrap:wrap!important;max-width:none!important}
html body[class]:not(#vs) .aap-btn .aap-keep-together{white-space:normal!important}
/* §59c A card or row's ONLY button is the main blue button, never a lone white outline. */
html body[class]:not(#vs) :is(.aap-cpe-table td,.aap-cpe-table__foot,.aap-card:not(:has(.aap-btn--primary))) > a.aap-btn--secondary,
html body[class]:not(#vs) :is(.aap-cpe-table td,.aap-card:not(:has(.aap-btn--primary))) > :is(p,span) > a.aap-btn--secondary{background:#1a56db!important;color:#fff!important;border-color:#1a56db!important;box-shadow:0 3px 10px rgba(15,42,71,.12)!important}
html body[class]:not(#vs) :is(.aap-cpe-table td,.aap-cpe-table__foot,.aap-card:not(:has(.aap-btn--primary))) a.aap-btn--secondary:hover{background:#1747b8!important;border-color:#1747b8!important}
html body[class]:not(#vs) :is(.aap-cpe-table td,.aap-cpe-table__foot,.aap-card:not(:has(.aap-btn--primary))) a.aap-btn--secondary *{color:#fff!important}
/* §59d "Find Your Situation" rows match the price cards on phones. */
@media(max-width:820px){html body[class]:not(#vs) .aap-cpe-table tbody tr{border:1px solid rgba(15,42,71,.12)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;padding:10px 20px 20px!important;margin-bottom:18px!important;background:#fff!important}
html body[class]:not(#vs) .aap-cpe-table td a.aap-btn{width:100%;margin-top:4px}}
html body[class]:not(#vs) .aap-cpe-table__foot{margin-top:22px!important}
/* §59e Pricing explainer + "Why every price" block: even spacing, nothing crammed. */
html body[class]:not(#vs) .aap-cpe .aap-section__inner > p{margin:0 0 18px!important;line-height:1.65!important}
html body[class]:not(#vs) .aap-cpe ul.aap-cpe__rates{margin:6px 0 22px!important}
html body[class]:not(#vs) .aap-cpe ul.aap-cpe__rates li{margin:0 0 12px!important;line-height:1.55!important}
html body[class]:not(#vs) .aap-cpe p.aap-volume-savings{margin-top:4px!important}
html body[class]:not(#vs) .aap-cpe p.aap-cpe__example{margin:4px 0 22px!important}
html body[class]:not(#vs) p.aap-package-tailoring{margin:0 0 20px!important;padding:0!important;line-height:1.65!important}
html body[class]:not(#vs) p.aap-package-tailoring:last-of-type{margin-bottom:0!important}
/* §59f Stacked-table styles made spans inside buttons display:block, splitting labels onto 3 lines. Buttons keep inline text. */
html body[class]:not(#vs) .aap-btn .aap-keep-together{display:inline!important}
html body[class]:not(#vs) .aap-btn > .aap-action-label{display:block!important;flex:0 1 auto!important;width:auto!important;max-width:100%!important;text-align:center}
html body[class]:not(#vs) .aap-btn .aap-action-label span:not([class*="icon"]):not(svg){display:inline!important}
/* §59g Secure line centered under full-width card buttons; card lead lines get breathing room; situation table spans the column. */
html body[class]:not(#vs) .aap-card p.aap-secure-pay{text-align:center}
html body[class]:not(#vs) .aap-automation-programs .aap-card > p{margin:0 0 12px!important}
html body[class]:not(#vs) .aap-automation-programs .aap-card > p:has(> strong:only-child){margin:0 0 6px!important;color:#0f2a47!important}
@media(min-width:821px){html body[class]:not(#vs) table.aap-cpe-table__grid{width:100%!important;max-width:none!important}}
/* §59h QA fixes (10-14): FPL key card line under its button; decision-tab rows; packages card centering phone-only; one Stripe line per hero; dark bands. */
@media(min-width:701px){html body[class]:not(#vs) .aap-price-card--key p.aap-secure-pay{grid-column:2}}
html body[class]:not(#vs) .aap-hero__actions > p.aap-secure-pay--hero{flex:0 0 100%!important;order:3;width:100%;grid-column:1/-1;margin:2px 0 0!important}
@media(max-width:700px){html body[class]:not(#vs) .aap-hero__actions > p.aap-secure-pay--hero{order:0;text-align:center!important;margin:-4px 0 6px!important}}
html body[class]:not(#vs) .aap-decision-actions{flex-wrap:wrap!important}
html body[class]:not(#vs) .aap-decision-actions > p.aap-secure-pay{flex:0 0 100%!important;order:3;margin:2px 0 0!important}
@media(max-width:700px){html body[class]:not(#vs) .aap-decision-actions > p.aap-secure-pay{order:0;text-align:center!important;margin:-2px 0 4px!important}}
html body[class]:not(#vs) .aap-card p.aap-secure-pay{text-align:left}
@media(max-width:700px){html body[class]:not(#vs) .aap-card p.aap-secure-pay{text-align:center}}
html body[class]:has(p.aap-secure-pay--hero) .aap-paytrust-summary{display:none!important}
html body[class]:not(#vs) :is(.aap-cta-band,.aap-section--dark,[class*="--dark"]) p.aap-secure-pay{color:#e6efff!important}
html body[class]:not(#vs) :is(.aap-cta-band,.aap-section--dark,[class*="--dark"]) p.aap-secure-pay .aap-secure-pay__lock{color:#7ee2a8}
html body[class]:not(#vs) :is(.aap-cta-band,.aap-section--dark,[class*="--dark"]) p.aap-secure-pay img.aap-stripe-word{filter:brightness(0) invert(1)}
html body[class]:not(#vs) .aap-hero__inner > p.aap-secure-pay--hero{margin:14px 0 0!important}@media(max-width:700px){html body[class]:not(#vs) .aap-hero__inner > p.aap-secure-pay--hero{text-align:center!important}}
html body[class]:not(#vs) .aap-project-availability{display:none!important} /* §60 start-month/capacity widget off (10-14: checkout no longer reserves a month; never Ryan's) */
/* §61 Visual audit round 2 (10-14) */
/* start-month promise retired: hide every checkout status that names a start month */
[data-aap-start-status],[data-aap-cpg-start-status],[data-aap-summary-month-row],[data-aap-cpg-verification]{display:none!important}
/* buy page: the price builder uses the full content width instead of a 760px column with an empty right side */
html body[class]:not(#vs) .aap-calculated-checkout__unavailable{max-width:none!important}
html body[class]:not(#vs) .aap-calculated-checkout .aap-credentialing-builder{max-width:none!important;width:100%!important}
/* sections hard-coded to a centred 760px column line up with the rest of the page */
html body[class]:not(#vs) .aap-section__inner[style*="text-align:center"]{max-width:1200px!important;text-align:left!important}
html body[class]:not(#vs) .aap-section__inner[style*="text-align:center"] > :is(h2,p,.eyebrow){margin-left:0!important;margin-right:0!important;text-align:left!important}
/* contact hero matches every other hero (left aligned) */
html body.page-id-17394 .aap-hero .aap-hero__inner,html body.page-id-17394 .aap-hero :is(h1,p,.eyebrow){text-align:left!important;margin-left:0!important;margin-right:0!important}
html body.page-id-17394 .aap-hero :is(.aap-hero__ctas,.aap-hero__actions,.hero-actions){justify-content:flex-start!important}
/* case studies: the fifth case is a card like the other four; drop the duplicate mid-page CTA before the closing band */
html body.page-id-20685 .aap-proof-section .aap-section__inner{background:#fff;border:1px solid rgba(15,42,71,.12);border-radius:14px;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08);padding:28px!important;max-width:1152px!important}
html body.page-id-20685 .aap-proof-section .aap-section__inner > h2{font-size:1.375rem!important;line-height:1.25!important}
html body.page-id-20685 .aap-proof-next{display:none!important}
/* lone "Before You Buy" / "Ready To Choose" card spans the row as a horizontal strip */
html body[class]:not(#vs) .aap-home-process-grid > .aap-process:only-child{grid-column:1/-1}
@media(min-width:821px){html body[class]:not(#vs) .aap-home-process-grid > .aap-process:only-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
html body[class]:not(#vs) .aap-home-process-grid > .aap-process:only-child > :not(:has(.aap-btn)){grid-column:1}
html body[class]:not(#vs) .aap-home-process-grid > .aap-process:only-child > :has(.aap-btn){grid-column:2;grid-row:1/span 4;margin:0!important}}
/* billing checkout: the "rates in writing" email form is a collapsed link, not a second form under the checkout */
html body[class]:not(#vs) details.aap-ofr > summary.aap-ofr__toggle{cursor:pointer;list-style:none;display:inline-block;margin:6px 0 0;color:#1a56db;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html body[class]:not(#vs) details.aap-ofr > summary::-webkit-details-marker{display:none}
html body[class]:not(#vs) details.aap-ofr[open] > summary.aap-ofr__toggle{margin-bottom:10px}
/* §62 Gap checks after removals (10-14) */
/* billing card inside the billing split column: one column, not the wide two-column key layout */
html body[class]:not(#vs) .aap-billing-split .aap-price-card--key{display:flex!important;flex-direction:column}
html body[class]:not(#vs) .aap-billing-split .aap-price-card--key p.aap-secure-pay{grid-column:auto!important;text-align:center}
/* page text that follows the billing price section gets normal breathing room */
html body[class]:not(#vs) .aap-billing-tiers + p,html body[class]:not(#vs) .aap-billing-tiers + * > p:first-child{margin-top:28px!important}
/* §63 (10-14) side gutter on the funnel helper line; one button style across every package card */
html body[class]:not(#vs) p.aap-funnel__help{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
html body[class]:not(#vs) .aap-price-card a.aap-price-card__cta.aap-btn--secondary{background:#1a56db!important;color:#fff!important;border-color:#1a56db!important;box-shadow:0 3px 10px rgba(15,42,71,.12)!important}
html body[class]:not(#vs) .aap-price-card a.aap-price-card__cta.aap-btn--secondary *{color:#fff!important}
html body[class]:not(#vs) .aap-price-card a.aap-price-card__cta.aap-btn--secondary:hover{background:#1747b8!important}
/* §64 Credentialing By State hero matches the standard light hero (was the only navy hero on the site) */
html body.page-id-21885 section.hero{background:linear-gradient(rgb(244,248,252) 0%,#fff 80%)!important;color:#0f2a47!important}
html body.page-id-21885 section.hero :is(h1,h1 *){color:#0f2a47!important}
html body.page-id-21885 section.hero :is(p,p.lede,p[style]){color:#52647a!important}
html body.page-id-21885 section.hero .eyebrow{color:#1a56db!important}
html body.page-id-21885 section.hero .crumb,html body.page-id-21885 section.hero .crumb a{color:#52647a!important}
html body.page-id-21885 section.hero .crumb a:hover{color:#1a56db!important}
html body.page-id-21885:not(#vs):not(#vs2) section.hero h1,html body.page-id-21885:not(#vs):not(#vs2) section.hero h1 *{color:#0f2a47!important;-webkit-text-fill-color:#0f2a47!important}
html body.page-id-21885:not(#vs):not(#vs2) section.hero :is(p,p.lede){color:#52647a!important;-webkit-text-fill-color:#52647a!important}
html body.page-id-21885:not(#vs):not(#vs2) section.hero .eyebrow{display:block!important;color:#1a56db!important;-webkit-text-fill-color:#1a56db!important;margin-bottom:10px}
html body.page-id-21885:not(#vs):not(#vs2) section.hero .eyebrow{padding-left:0!important;padding-right:0!important;background:none!important;border:0!important}
/* §65 Chat launcher on phones: corner, not mid-screen (88px up covered body text). Stays above the consent banner and the contact/book bars. */
@media(max-width:700px){
html body:not(.page-id-17394):not(.page-id-20680):not(:has(#aap-analytics-choice:not([hidden]))):not(:has(.aap-action-rail.is-visible)) .aapc-launch{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;right:12px!important}
html body .aapc-launch{transform:scale(.88)!important;transform-origin:100% 100%!important}
}
@media(max-width:700px){html body:not(.page-id-17394):not(.page-id-20680):not(:has(#aap-analytics-choice:not([hidden]))):not(:has(.aap-action-rail.is-visible)) .aapc-launch{top:auto!important}}
/* §66 HIPAA line in the hero trust block: its own line under the payment lines */
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa{display:flex!important;align-items:center;justify-content:inherit;gap:0;margin:5px 0 0!important;font-weight:600}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa .aap-secure-pay__lock{margin:0 6px 0 0!important}
@media(max-width:700px){html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa{justify-content:center}}
@media(min-width:701px){html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero .aap-secure-pay__hipaa{justify-content:center}}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa{display:block!important;text-align:inherit}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa .aap-secure-pay__lock{display:inline-block;vertical-align:-2px;margin:0 6px 0 0!important}
@media(max-width:700px){html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__hipaa{text-align:center}}
@media(min-width:701px){html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero .aap-secure-pay__hipaa{text-align:center}}
@media(max-width:700px){html body:not(.page-id-17394):not(.page-id-20680):not(:has(#aap-analytics-choice:not([hidden]))):has(.aap-action-rail.is-visible) .aapc-launch{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;top:auto!important;right:12px!important}} /* §65b action rail is display:none sitewide; never lift the chat for it */
/* §67 card icon on the "Pay by card" hero line, matching lock and shield */
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods{display:block!important;text-align:inherit;font-weight:600!important}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods .aap-secure-pay__lock{display:inline-block;vertical-align:-2px;margin:0 6px 0 0!important}
@media(max-width:700px){html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods{text-align:center}}
@media(min-width:701px){html body[class]:not(#vs) .aap-hp-hero p.aap-secure-pay--hero .aap-secure-pay__methods{text-align:center}}
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods svg.aap-secure-pay__card{width:17px!important;height:17px!important;vertical-align:-4px!important;margin:0 5px 0 -1px!important} /* §67b card glyph is short+wide; sized up to match lock/shield weight */
html body[class]:not(#vs) p.aap-secure-pay--hero .aap-secure-pay__methods svg.aap-secure-pay__card{width:19px!important;height:19px!important;vertical-align:-5px!important;margin:0 5px 0 -2px!important}
html body.page-id-17390 .aap-related-band{display:none!important} /* §68 practice-operations: mid-page Related list made the page end twice; Keep Reading stays at the end */
/* §69 Credentialing By State: two state cards per row on phones (was one tall column of 50) */
@media(max-width:700px){
html body.page-id-21885:not(#vs) .links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body.page-id-21885:not(#vs) .links a.linkcard{padding:12px 12px!important;min-height:0!important}
html body.page-id-21885:not(#vs) .links a.linkcard b{font-size:1rem!important;line-height:1.25!important}
html body.page-id-21885:not(#vs) .links a.linkcard span{font-size:.78rem!important;line-height:1.35!important;margin-top:4px!important;display:block}
}
/* §70 comparison tables on phones: the two answers side by side under the row heading, small labels */
@media(max-width:700px){
html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:14px!important;padding:14px 16px!important}
html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > :first-child{grid-column:1/-1!important;padding:0 0 8px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(15,42,71,.1)!important;font-weight:700}
html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td{padding:0!important;border:0!important;font-size:.9rem!important;line-height:1.45!important}
html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td::before{font-size:.66rem!important;letter-spacing:.04em!important;line-height:1.3!important;margin-bottom:4px!important;display:block}
html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td:last-child{background:#f3f7fe!important;border-radius:8px!important;padding:8px!important;margin:-8px -8px -8px 0!important}
}
@media(max-width:700px){html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr{align-items:start!important}html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td{align-self:start!important;display:block!important;vertical-align:top!important}html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td .aap-cell-value{display:block!important;margin:0!important}html body:not(#vs) table.aap-cmp.aap-responsive-stack tbody tr > td:first-of-type:not(:first-child){padding-top:8px!important}}

/* §71 2026-10-14: state page "Ready To Bill" box spans the content width (it was inline-flex and shrank to
   its text after the Gap Report sentence came out). Phone stacks text over the button. */
html body[class]:not(#vs):not(#vs2) .aap-state .cta{display:flex!important;width:100%!important;box-sizing:border-box;justify-content:space-between!important;align-items:center!important;gap:24px;padding:24px 28px!important}
html body[class]:not(#vs):not(#vs2) .aap-state .cta>div{flex:1 1 auto;max-width:68ch}
html body[class]:not(#vs):not(#vs2) .aap-state .cta>p{flex:0 0 auto;margin:0!important}
@media (max-width:700px){html body[class]:not(#vs):not(#vs2) .aap-state .cta{flex-direction:column!important;align-items:flex-start!important;gap:14px;padding:20px 18px!important}}

/* §72 2026-10-14: the homepage founder/results section lost its heading (Ryan); trim the empty top padding it left. */
html body[class]:not(#vs):not(#vs2) section.aap-hp-results{padding-top:56px!important}
@media (max-width:700px){html body[class]:not(#vs):not(#vs2) section.aap-hp-results{padding-top:36px!important}}
html body[class]:not(#vs):not(#vs2) section.aap-hp-results .aap-hp-founder{margin-top:0!important}

/* ── 17b. Guides built from sections: same reading column ───────────────────
 * 2026-10-20: posts authored as .aap-section blocks (e.g. group-practice-credentialing,
 * credentialing-pending-payment-western-states) skipped §17 because their text sits inside
 * .aap-section__inner, so paragraphs ran 1152px wide at 1440. Text elements in those sections
 * now use the same 800px column; card grids and tables keep the full section width.        */
html body[class].single-post .aap-page-content > .aap-section > .aap-section__inner > :is(h2,h3,h4,p,ul,ol,dl,blockquote,.aap-lede,.aap-callout):not(.eyebrow){
  width:min(800px,100%)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* ── 60. Card facelift: the approved homepage card everywhere ───────────────
 * 2026-10-20 (Ryan: boxes look bland and blend into each other). Cards sitewide carried a
 * 1px 12% navy hairline on white, so on the tint bands they read as flat panels. They now take
 * the homepage package card treatment Ryan approved 10-18 (4px blue top rule, same depth), and
 * cards that hold a link lift on hover. Price cards and the "not a fit" card keep their own rule. */
html body[class]:not(#vs) main :is(.aap-card,.aap-cap,.aap-goal,.aap-situation-card):not(.aap-price-card):not(.aap-card--not){
  border-top:4px solid #1a56db!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html body[class]:not(#vs) main :is(.aap-card,.aap-cap,.aap-goal,.aap-situation-card):not(.aap-price-card):not(.aap-card--not)::before{
  display:none!important;
}
@media (hover:hover){
  html body[class]:not(#vs) main :is(.aap-card,.aap-cap,.aap-goal,.aap-situation-card):not(.aap-price-card):not(.aap-card--not):has(a):hover{
    transform:translateY(-3px);
    box-shadow:0 2px 4px rgba(15,42,71,.06),0 18px 40px rgba(15,42,71,.14)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body[class]:not(#vs) main :is(.aap-card,.aap-cap,.aap-goal,.aap-situation-card):hover{transform:none}
}
/* Resources: the guide index, four subject cards in two columns */
html body[class] .aap-guide-index-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:28px 0 32px;
}
html body[class] .aap-guide-group h3{margin:0 0 12px}
html body[class] .aap-guide-group ul{list-style:none;margin:0;padding:0}
html body[class] .aap-guide-group li{list-style:none;margin:0;padding:10px 0;border-top:1px solid rgba(15,42,71,.08);line-height:1.45}
html body[class] .aap-guide-group li:first-child{border-top:0;padding-top:0}
html body[class] .aap-guide-group a{font-weight:500;text-decoration:none}
html body[class] .aap-guide-group a:hover{text-decoration:underline}
@media (max-width:767px){
  html body[class] .aap-guide-index-grid{grid-template-columns:1fr;gap:16px}
}
html body[class] .aap-guide-group li::before{display:none!important;content:none!important}

/* ── 61. "How it works" steps as numbered cards ─────────────────────────────
 * 2026-10-20 facelift. .aap-work-moves steps (service and package pages) were bare text
 * separated by hairlines. Each step is now a card on the same system as §60, numbered in
 * reading order because the block describes a sequence.                                    */
html body[class] .aap-work-moves__grid{gap:20px!important;counter-reset:aapstep}
html body[class] .aap-work-moves__item{
  counter-increment:aapstep;
  position:relative;
  padding:24px 24px 24px 72px!important;
  background:#fff;
  border:1px solid rgba(15,42,71,.12);
  border-top:4px solid #1a56db;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08);
}
html body[class] .aap-work-moves__item::before{
  content:counter(aapstep);
  position:absolute;left:22px;top:22px;
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#eef3fa;color:#1a56db;
  font:700 1rem/1 Poppins,sans-serif;
}
@media (max-width:700px){
  html body[class] .aap-work-moves__grid{gap:14px!important}
  html body[class] .aap-work-moves__item{padding:20px 18px 20px 64px!important}
  html body[class] .aap-work-moves__item::before{left:16px;top:19px}
}

/* ── 62. Header: brand accent and a nav that answers the pointer ───────────
 * 2026-10-20 facelift pass 2 (Ryan: "add more style to the header and footer too",
 * "and the menus"). The header was a white bar with grey links that only took a tint
 * chip on hover. It now carries a thin brand rule along its top edge, the links grow a
 * blue underline from the centre on hover and while their menu is open, and the
 * Packages & Prices button lifts like the cards do. The logo is untouched.            */
html body[class] .site-header{border-top:3px solid #1a56db!important}
html body[class] .site-header .primary-nav .nav-link{
  position:relative;
  color:#0f2a47;
  background:transparent;
  font-weight:600;
}
html body[class] .site-header .primary-nav .nav-link::after{
  content:"";
  position:absolute;left:14%;right:14%;bottom:3px;height:2px;border-radius:2px;
  background:#1a56db;
  transform:scaleX(0);transform-origin:center;
  transition:transform .2s ease;
}
html body[class] .site-header .primary-nav .nav-link:hover,
html body[class] .site-header .primary-nav .nav-link:focus-visible,
html body[class] .site-header .primary-nav .nav-link[aria-expanded="true"]{
  color:#1a56db;
  background:#eef3fa;
}
html body[class] .site-header .primary-nav .nav-link:hover::after,
html body[class] .site-header .primary-nav .nav-link:focus-visible::after,
html body[class] .site-header .primary-nav .nav-link[aria-expanded="true"]::after{transform:scaleX(1)}
html body[class] .site-header .nav-cta{
  box-shadow:0 1px 2px rgba(15,42,71,.10),0 8px 20px rgba(26,86,219,.28);
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
html body[class] .site-header .nav-cta:hover,
html body[class] .site-header .nav-cta:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 2px 4px rgba(15,42,71,.12),0 14px 28px rgba(26,86,219,.34);
}

/* ── 63. Desktop menus: the same card as the rest of the site ───────────────
 * The dropdowns were plain white panels with grey group labels. They now take the
 * approved card treatment (4px blue top rule, same depth), slide in, label each group
 * in blue small caps, and every item tints and nudges right under the pointer.        */
html body[class] .site-header .dropdown{
  border:1px solid rgba(15,42,71,.10)!important;
  border-top:4px solid #1a56db!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(15,42,71,.06),0 24px 60px rgba(15,42,71,.18)!important;
  padding:.75rem!important;
}
@media (prefers-reduced-motion:no-preference){
  html body[class] .site-header .nav-item:hover .dropdown,
  html body[class] .site-header .nav-item:focus-within .dropdown,
  html body[class] .site-header .dropdown[data-open="true"]{animation:aapMenuIn .18s ease-out}
}
@keyframes aapMenuIn{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
html body[class] .site-header .dropdown-group__title{
  color:#1a56db!important;
  font:700 .7rem/1.3 Poppins,sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  padding-bottom:.45rem!important;
  margin-bottom:.35rem!important;
  border-bottom:1px solid rgba(26,86,219,.18)!important;
}
html body[class] .site-header .dropdown-item{
  color:#1f2a37!important;
  background:transparent!important;
  border-radius:10px!important;
  transition:background-color .15s ease,color .15s ease,transform .15s ease!important;
}
html body[class] .site-header .dropdown-item:hover,
html body[class] .site-header .dropdown-item:focus-visible{
  background:#eef3fa!important;
  color:#1a56db!important;
  transform:translateX(3px);
}
html body[class] .site-header .dropdown-foot .dropdown-item{color:#1a56db!important;font-weight:600!important}
html body[class] .site-header .dropdown-foot .dropdown-item::after{content:" \2192";}

/* ── 64. Phone menu: clear top level, quiet sub links ───────────────────────
 * Top level rows get hairline separators and navy weight; an open section turns blue
 * with a tint; its links hang off a thin rule that turns blue under the finger.       */
@media (max-width:1024px){
  html body[class] .mobile-nav-list>li{border-bottom:1px solid rgba(15,42,71,.08)}
  html body[class] .mobile-nav-list>li:last-child{border-bottom:0}
  html body[class] .mobile-accordion-btn,
  html body[class] .mobile-nav-link{color:#0f2a47!important;font-weight:600!important;background:transparent}
  html body[class] .mobile-accordion-btn[aria-expanded="true"]{color:#1a56db!important;background:#eef3fa!important}
  html body[class] .mobile-sub-list.is-open{
    margin:.25rem 0 .6rem 1rem;padding-left:.5rem!important;
    border-left:2px solid rgba(26,86,219,.22);
  }
  html body[class] .mobile-sub-link{
    color:#334155!important;background:transparent;
    border-radius:10px;
    transition:background-color .15s ease,color .15s ease;
  }
  html body[class] .mobile-sub-link:hover,
  html body[class] .mobile-sub-link:active,
  html body[class] .mobile-sub-link:focus-visible{color:#1a56db!important;background:#eef3fa!important}
}

/* ── 65. Footer: a finished base for every page ─────────────────────────────
 * The footer read as one flat navy block. A blue rule now marks its top edge, the
 * column labels sit over a short accent, links slide and brighten on hover, and the
 * contact line reads as a link.                                                       */
html body[class] footer.site-footer{
  border-top:4px solid #1a56db!important;
  background:linear-gradient(180deg,#12325a 0%,#0f2a47 38%,#0c2340 100%)!important;
  color:rgba(255,255,255,.80);
}
html body[class] footer.site-footer .footer-col-heading{color:#fff!important;letter-spacing:.1em}
html body[class] footer.site-footer .footer-links a{
  display:inline-block;
  color:rgba(255,255,255,.74)!important;
  transition:color .15s ease,transform .15s ease;
}
html body[class] footer.site-footer .footer-links a:hover,
html body[class] footer.site-footer .footer-links a:focus-visible{color:#fff!important;transform:translateX(3px)}
html body[class] footer.site-footer .footer-tagline a{
  color:#fff!important;font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px;
}
html body[class] footer.site-footer .footer-tagline a:hover{text-decoration-color:#fff}
html body[class] footer.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.14)!important}

/* ── 66. Sections that sat on the same colour now separate ─────────────────
 * Back to back tint bands (homepage price cards into the four steps) and the
 * "Keep Reading" band after a same colour section ran together. The related band now
 * takes the opposite ground of whatever sits above it, with a hairline, and two tint
 * bands in a row get a hairline between them.                                         */
html body[class] main .aap-section--tint+.aap-section--tint,
html body[class] main .aap-hp-how{box-shadow:inset 0 1px 0 rgba(15,42,71,.09)}
html body[class]:not(#vs):not(#vs2) main .aap-related-band{
  background:#eef3fa!important;color:#1f2a37;
  box-shadow:inset 0 1px 0 rgba(15,42,71,.08);
}
html body[class]:not(#vs):not(#vs2) main :is(.aap-section--tint+.aap-related-band,.aap-section--tint+script+.aap-related-band,.aap-section--tint+aside+.aap-related-band,.aap-section--tint+script+aside+.aap-related-band){
  background:#fff!important;color:#1f2a37;
}

/* ── 67. The last flat cards take the approved style ───────────────────────
 * Blog guide cards, homepage story cards and the homepage "From Your Price To Work
 * Started" steps were 1px hairline boxes. They now match §60: 4px blue top rule,
 * depth, and a lift on hover where the card holds a link. Guide card titles were
 * 40px in a half width card; they now sit at a card title size.                      */
html body[class] main :is(.aap-guide-card,.aap-hp-cases>article,.aap-hp-steps>li){
  background:#fff!important;
  border:1px solid rgba(15,42,71,.12)!important;
  border-top:4px solid #1a56db!important;
  border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
  transition:transform .18s ease, box-shadow .18s ease;
}
@media (hover:hover){
  html body[class] main :is(.aap-guide-card,.aap-hp-cases>article):has(a):hover{
    transform:translateY(-3px);
    box-shadow:0 2px 4px rgba(15,42,71,.06),0 18px 40px rgba(15,42,71,.14)!important;
  }
}
html body[class]:not(#vs):not(#vs2) main .aap-guide-card:not(.aap-guide-card--lead) :is(h2,h3){font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem)!important;line-height:1.22!important}
html body[class]:not(#vs):not(#vs2) main .aap-guide-card--lead :is(h2,h3){font-size:clamp(1.55rem,1.2rem + 1vw,2.1rem)!important;line-height:1.18!important}
@media (prefers-reduced-motion:reduce){
  html body[class] main :is(.aap-guide-card,.aap-hp-cases>article):hover,
  html body[class] .site-header .nav-cta:hover,
  html body[class] .site-header .dropdown-item:hover,
  html body[class] footer.site-footer .footer-links a:hover{transform:none}
}

/* ── 73. Three leftovers from the 2026-10-20 facelift audit ─────────────────
 * a) /resources/ "Authoritative Sources": the §44 action-link style turned each source
 *    into an inline row, so the name and its note sat side by side in a narrow column.
 *    Each source is now a card on the §60 system: name on top, note under it.
 * b) State pages: payer and step boxes were 1px hairlines (state-page-family.css).
 *    They take the approved card style. Style only; titles, H1s and copy untouched.
 * c) /about/ founder block: the portrait stopped two thirds of the way down a long bio,
 *    leaving an empty column under it. The portrait is a little wider and sits centered
 *    against the bio on wide screens. Phones keep the stacked layout.                    */
html body[class] main ul.aap-source-grid{gap:18px!important;margin-top:1.6rem!important}
html body[class] main ul.aap-source-grid > li{display:flex;margin:0!important}
html body[class] main ul.aap-source-grid > li > a{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important;
  width:100%;padding:18px 20px!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;
  border-radius:14px!important;background:#fff!important;color:#1a56db!important;font-weight:600;line-height:1.3;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
  transition:transform .18s ease, box-shadow .18s ease;text-decoration:none!important;
}
html body[class] main ul.aap-source-grid > li > a small{display:block!important;margin:0!important;color:#5b6675!important;font-weight:400;font-size:.88rem;line-height:1.45}
@media (hover:hover){
  html body[class] main ul.aap-source-grid > li > a:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,42,71,.06),0 18px 40px rgba(15,42,71,.14)!important}
}
@media (max-width:900px) and (min-width:561px){html body[class] main ul.aap-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){html body[class] main ul.aap-source-grid{grid-template-columns:1fr!important;gap:12px!important}}

html body[class] .aap-state :is(.payer,.step){
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}

@media (min-width:721px){
  html body[class] main .aap-founder{grid-template-columns:340px minmax(0,1fr)!important;align-items:center!important}
  html body[class] main .aap-founder > .aap-founder__photo{align-self:center!important}
}
@media (prefers-reduced-motion:reduce){html body[class] main ul.aap-source-grid > li > a:hover{transform:none}}

/* ── 74. Homepage package cards: category label and difference line ────────
 * 2026-10-21 Ryan: the six homepage cards read alike. Each now carries a small category label
 * above its name and one bold line saying what that package does that the others don't.     */
html body[class] .aap-price-card__label{
  display:block;margin:0 0 6px;
  color:#1a56db;font:700 .74rem/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
}
html body[class] .aap-price-card__diff{
  display:block;margin:0 0 8px;color:#0f2a47;font-weight:650;line-height:1.45;
}

/* ── 75. Check lists take the approved card style (2026-10-22, Ryan: "so basic") ──
 * .aap-check-list rows were the theme's original 1px hairline boxes, so a section like
 * /first-practice-launch/ went from approved cards straight into flat rows. Each row now
 * matches §60/§67: 4px blue top rule, depth, 14px radius, a clearer check. Full width
 * lists of 3 to 8 items sit two across on desktop. Style only; copy untouched.
 * Lists inside price cards, checkout and forms keep their own style.             */
html body[class] main ul.aap-check-list:not(:is(.aap-price-card,.aap-checkout-story,.aap-before-pay,form,.aap-calculated-checkout,.aap-next-step) *){
  display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px!important;padding:0!important;margin-block:20px 26px!important;
}
html body[class] main ul.aap-check-list:not(:is(.aap-price-card,.aap-checkout-story,.aap-before-pay,form,.aap-calculated-checkout,.aap-next-step) *) > li{
  margin:0!important;padding:18px 20px 18px 54px!important;
  background:#fff!important;
  border:1px solid rgba(15,42,71,.12)!important;
  border-top:4px solid #1a56db!important;
  border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
  font-size:.98rem!important;line-height:1.62!important;color:#33485f;
}
html body[class] main ul.aap-check-list:not(:is(.aap-price-card,.aap-checkout-story,.aap-before-pay,form,.aap-calculated-checkout,.aap-next-step) *) > li::before{
  left:18px!important;top:19px!important;width:24px!important;height:24px!important;
  background-color:#eef3fa!important;background-size:14px 14px!important;background-position:center!important;background-repeat:no-repeat!important;
}
html body[class] main ul.aap-check-list:not(:is(.aap-price-card,.aap-checkout-story,.aap-before-pay,form,.aap-calculated-checkout,.aap-next-step) *) > li > :is(strong,b):first-child{color:#0f2a47}
@media (min-width:900px){
  html body[class] main :is(.aap-section__inner,.aap-page-content) > ul.aap-check-list:has(> li:nth-child(3)):not(:has(> li:nth-child(9))){
    grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;
  }
  html body[class] main :is(.aap-section__inner,.aap-page-content) > ul.aap-check-list:has(> li:nth-child(3)):not(:has(> li:nth-child(9))) > li:last-child:nth-child(odd){grid-column:1/-1}
}

/* ── 76. Sitewide sweep: the remaining flat boxes take the approved card style (2026-10-22) ──
 * A scan of 18 page types found content boxes still on 1px hairlines: list and step rows
 * from design-refresh.css, homepage steps (a later rule beat §67), /packages/ Start Here
 * cards, Before You Buy process cards, /resources/ evidence cards, /case-studies/ cards,
 * state page cards, /pmhnp/ secondary offers and the /headway-alternative/ calculator.
 * Accordions, FAQs, media frames, logo chips and tables stay as they are. Style only.   */
html body[class]:not(.home):not(.aap-transaction-surface):not(#r76):not(#r76b):not(#r76c) main :is(.aap-section__inner,.aap-page-content) > :is(ul:not([class]):not(:has(> li:nth-child(9))),ol:not([class])) > li,
html body[class]:not(#r76):not(#r76b):not(#r76c) main :is(.aap-hp-steps > li,.aap-organic-evidence__grid > article,.aap-proof-card,.aap-start-here__item,.aap-process,.grid2 > .card,.aap-offer-secondary__grid > article,.aap-calc),
html body.page-id-20685:not(#r76):not(#r76b):not(#r76c) .aap-proof-section .aap-section__inner{
  background:#fff!important;
  border:1px solid rgba(15,42,71,.12)!important;
  border-top:4px solid #1a56db!important;
  border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}

/* ── 77. Tablet: /packages/ situation table fits its box (2026-10-22) ─────────
 * The table stacks into cards at 820px and below, but its minimum width was only
 * released at 700px, so between 701 and 820 (tablets) each row ran past the box.  */
@media (max-width:820px){
  html body[class] .aap-table-scroll > table.aap-cpe-table__grid{width:100%!important;min-width:0!important}
  html body[class] .aap-table-scroll > table.aap-cpe-table__grid :is(tbody,tr,th,td){min-width:0!important;max-width:100%!important}
}

/* ── 78. Credentialing price table on phones (2026-10-22 visual audit) ───────────
 * The five column table (/packages/ and credentialing pages) shares the billing tier
 * class, which keeps it a true table on phones: at 360 the package names broke mid
 * word and the column headers were hidden. On phones each package is now a card:
 * name on top, then Setup, Each Payer, Two Payers and Five Payers with their labels.
 * Same numbers and words; the desktop table is unchanged.                         */
@media (max-width:600px){
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table{display:block!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table tbody{display:grid!important;gap:12px!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;padding:14px 16px!important;background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table td{display:block!important;padding:0!important;border:0!important;text-align:left!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table td:first-child{grid-column:1/-1!important;font-weight:700!important;color:#0f2a47!important;font-size:1rem!important}
  html body[class]:not(#c78):not(#c78b) main table.aap-cpe-price-table td[data-label]::before{content:attr(data-label)!important;display:block!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#5b6675!important;margin-bottom:2px!important}
}
/* ── 79a. Homepage: how the services connect (2026-10-22) ──────────────────────
 * Visual map under "Why Practices Pick Us". Three outcome cards in the order of the H1
 * (Add Providers, Get Paid, Grow With Confidence) with a return line from growth back to
 * new providers, and a base bar for Operations and Automation. Uses only words already on the
 * page. Plain divs, no list or heading semantics, no new links. Phones stack it vertically.   */
html body.home[class] main .aap-hp-whyus .aap-hp-map{
  margin:36px 0 8px!important;padding:0!important;background:transparent;color:#0f2a47;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__flow{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px!important;
  position:relative;margin:0 0 40px!important;padding:0!important;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__node{
  position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:6px;
  min-height:92px;padding:18px 22px!important;margin:0!important;text-align:left;
  background:#fff!important;color:#0f2a47!important;
  border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__tag{
  display:block;color:#1a56db!important;font:700 .74rem/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__node strong{
  display:block;color:#0f2a47!important;font:700 1.375rem/1.2 Poppins,sans-serif;
}
/* arrow between cards: a line and a chevron in the gap */
html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:-36px;width:28px;height:2px;margin-top:-1px;background:#1a56db;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::before{
  content:"";position:absolute;top:50%;right:-37px;width:9px;height:9px;margin-top:-5px;
  border-top:2px solid #1a56db;border-right:2px solid #1a56db;transform:rotate(45deg);background:none;
}
/* return line: growth leads back to new providers */
html body.home[class] main .aap-hp-whyus .aap-hp-map__flow::after{
  content:"";position:absolute;left:16.66%;right:16.66%;bottom:-24px;height:24px;
  border:2px solid #b9cbe8;border-top:0;border-radius:0 0 14px 14px;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__flow::before{
  content:"";position:absolute;left:calc(16.66% - 4px);bottom:-5px;width:8px;height:8px;
  border-top:2px solid #b9cbe8;border-left:2px solid #b9cbe8;transform:rotate(45deg);
}
/* base bar: Operations and Automation sit under all three */
html body.home[class] main .aap-hp-whyus .aap-hp-map__base{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:0!important;
  background:#0f2a47!important;color:#fff!important;border-radius:14px!important;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.12)!important;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__base > div{
  display:flex;flex-direction:column;gap:6px;margin:0!important;padding:18px 24px!important;
  background:#0f2a47!important;color:#fff!important;
}
html body.home[class] main .aap-hp-whyus .aap-hp-map__base > div + div{border-left:1px solid rgba(255,255,255,.18)}
html body.home[class] main .aap-hp-whyus .aap-hp-map__base .aap-hp-map__tag{color:#a9c2ee!important}
html body.home[class] main .aap-hp-whyus .aap-hp-map__base strong{color:#fff!important;font:700 1.125rem/1.25 Poppins,sans-serif}
@media (max-width:900px){
  html body.home[class] main .aap-hp-whyus .aap-hp-map__flow{gap:34px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node{padding:16px 16px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node strong{font-size:1.2rem}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::after{right:-28px;width:20px}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::before{right:-29px}
}
@media (max-width:700px){
  html body.home[class] main .aap-hp-whyus .aap-hp-map{margin:24px 0 4px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__flow{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:22px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__flow::before,
  html body.home[class] main .aap-hp-whyus .aap-hp-map__flow::after{display:none}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node{min-height:0;padding:14px 18px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::after{
    top:auto;right:auto;left:50%;bottom:-20px;width:2px;height:14px;margin:0 0 0 -1px;
  }
  html body.home[class] main .aap-hp-whyus .aap-hp-map__node:not(:last-child)::before{
    top:auto;right:auto;left:50%;bottom:-20px;margin:0 0 0 -5px;transform:rotate(135deg);
  }
  html body.home[class] main .aap-hp-whyus .aap-hp-map__base{grid-template-columns:1fr!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__base > div{padding:14px 18px!important}
  html body.home[class] main .aap-hp-whyus .aap-hp-map__base > div + div{border-left:0;border-top:1px solid rgba(255,255,255,.18)}
}

/* ── 79b. Homepage numbers band: four figures fit their columns (2026-10-22) ────
 * At 1440 "50+ Workflows" at 36px ran into the divider before "Top 10, Twice". The figure size
 * now scales with the viewport between 901px and wide screens so each figure stays inside its
 * column. Phones keep their existing size.                                                  */
@media (min-width:901px){
  html body.home[class] section.aap-hp-proof-band ul.aap-hp-proof > li{padding-left:.75rem!important;padding-right:.75rem!important}
  html body.home[class] section.aap-hp-proof-band ul.aap-hp-proof > li > strong{
    font-size:clamp(1.55rem,.6rem + 1.6vw,1.9rem)!important;white-space:nowrap!important;
  }
}
/* ── 79c. /packages/: the price is the comparison point (2026-10-22) ───────────
 * The six package cards already align row by row (subgrid). The figure buyers compare, the
 * price, was 20px text floating between description and button. It now sits in a tinted panel
 * (price and its detail line together, tint #eef3fa) with a larger figure, so a buyer can run
 * an eye across a row and compare. No text, order or link changes.                         */
html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__price{
  margin:18px 0 0!important;padding:16px 18px 4px!important;
  background:#eef3fa!important;color:#0f2a47!important;border-radius:12px 12px 0 0!important;
}
html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__amt{
  font:700 1.875rem/1.15 Poppins,sans-serif!important;color:#0f2a47!important;letter-spacing:-.01em;
}
html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__unit{
  color:#33485f!important;font-size:.95rem!important;line-height:1.4!important;
}
html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__detail{
  margin:0!important;padding:0 18px 16px!important;
  background:#eef3fa!important;color:#33485f!important;border-radius:0 0 12px 12px!important;line-height:1.5!important;
}
@media (max-width:700px){
  html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__price{padding:14px 16px 4px!important}
  html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__amt{font-size:1.625rem!important}
  html body.page-id-20847[class] main .aap-price-grid[data-context="packages"] .aap-price-card__detail{padding:0 16px 14px!important}
}

/* ── 79d. /packages/: "Find Your Situation" table reads as one finished card (2026-10-22) ──
 * Desktop and tablet only (the table already stacks into cards at 820px and below). The grid of
 * hairlines becomes the approved card: 4px blue top rule, depth, a tinted header row with navy
 * labels, the situation column in navy, and a quiet row highlight under the pointer. No text,
 * link or column changes.                                                                  */
@media (min-width:821px){
  html body.page-id-20847[class] main table.aap-cpe-table__grid{
    border-collapse:separate!important;border-spacing:0!important;overflow:hidden;
    background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
    box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
  }
  html body.page-id-20847[class] main table.aap-cpe-table__grid thead th{
    background:#eef3fa!important;color:#0f2a47!important;font:700 .74rem/1.2 Inter,sans-serif!important;
    letter-spacing:.09em;text-transform:uppercase;padding:14px 16px!important;border:0!important;border-bottom:1px solid rgba(15,42,71,.12)!important;
  }
  html body.page-id-20847[class] main table.aap-cpe-table__grid tbody :is(th,td){
    background:#fff!important;border:0!important;border-top:1px solid rgba(15,42,71,.08)!important;padding:14px 16px!important;vertical-align:middle;
  }
  html body.page-id-20847[class] main table.aap-cpe-table__grid tbody tr:first-child :is(th,td){border-top:0!important}
  html body.page-id-20847[class] main table.aap-cpe-table__grid tbody th{color:#0f2a47!important}
  html body.page-id-20847[class] main table.aap-cpe-table__grid tbody td.aap-cpe-table__span{
    border-left:1px solid rgba(15,42,71,.08)!important;background:#f6f9fd!important;color:#33485f!important;
  }
  html body.page-id-20847[class] main table.aap-cpe-table__grid tbody tr:hover :is(th,td):not(.aap-cpe-table__span){background:#f6f9fd!important}
}
/* ── 80a. /credentialing/ hero: the buy pathway becomes a card beside the headline (2026-10-22) ──
 * The hero was one narrow text column with the whole right half empty and the button last.
 * The price sentence, the Build My Credentialing Price button and the Stripe, payment and
 * HIPAA lines now sit together in one approved style card on the right (desktop), and as one
 * card under the intro on phones. Same words, same links, same order in the page source.   */
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-gap:56px;align-items:start}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner::before{
  content:"";grid-column:1;grid-row:4/7;align-self:stretch;margin-top:8px;
  background:#fff;border:1px solid rgba(15,42,71,.12);border-top:4px solid #1a56db;border-radius:14px;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 18px 44px rgba(15,42,71,.12);
}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .eyebrow{grid-column:1;grid-row:1}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > h1{grid-column:1;grid-row:2}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{grid-column:1;grid-row:3}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__answer{
  grid-column:1;grid-row:4;margin:8px 0 0!important;padding:26px 24px 0!important;max-width:none!important;
  font-size:1.02rem!important;line-height:1.6!important;color:#0f2a47!important;position:relative;
}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > a.aap-btn{
  grid-column:1;grid-row:5;margin:18px 24px 0!important;justify-self:stretch;text-align:center;position:relative;
}
html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-secure-pay{
  grid-column:1;grid-row:6;margin:16px 24px 0!important;padding:0 0 24px!important;position:relative;text-align:left!important;
}
@media (min-width:1000px){
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner{grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner::before{grid-column:2;grid-row:1/5;margin-top:0}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__answer{grid-column:2;grid-row:1/3;margin:0!important;padding:28px 28px 0!important;align-self:start}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > a.aap-btn{grid-column:2;grid-row:3;margin:20px 28px 0!important;align-self:start}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-secure-pay{grid-column:2;grid-row:4;margin:16px 28px 0!important;padding:0 0 28px!important;align-self:start}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{grid-column:1;grid-row:3/5;max-width:none!important}
}

/* phones and small tablets: the card is tighter so the builder is no lower than before */
@media (max-width:800px){
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero{padding-top:22px!important;padding-bottom:20px!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{font-size:1rem!important;line-height:1.55!important;margin-bottom:0!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__answer{margin-top:14px!important;padding:18px 18px 0!important;font-size:.95rem!important;line-height:1.55!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > a.aap-btn{margin:14px 18px 0!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner > .aap-secure-pay{margin:12px 18px 0!important;padding-bottom:18px!important}
  html body.page-id-17389:not(#a80):not(#a80b) .aap-hero__inner::before{margin-top:14px}
}
/* ── 80c. /credentialing/ "Credentialing Situations Side By Side": plan cards (2026-10-22) ──
 * The six column table is now one card per situation: package name, then the price in
 * display type, then Who It's For, What You Need and Not Included, then the Buy Now link
 * as a full width button at the foot. Three cards on the first row, two on the second;
 * one column on phones. The table stays a real table in the source (same cells, same
 * links, same text); the labels come from the cells' own data-aap-label values.      */
html body.page-id-17389:not(#a80):not(#a80b) main [data-aap-conversion="situation-table"]{width:min(1152px,100% - 48px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;margin-top:28px!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr{
  display:flex!important;flex-direction:column!important;width:auto!important;margin:0!important;padding:26px 26px 24px!important;
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;box-sizing:border-box!important;
}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody :is(th,td){
  display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;
  text-align:left!important;overflow-wrap:normal!important;white-space:normal!important;font-size:.95rem!important;line-height:1.55!important;color:#40566b!important;font-weight:400!important;
}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody :is(th,td)::before{
  content:attr(data-aap-label)!important;display:block!important;margin:0 0 3px!important;
  font:700 .72rem/1.3 Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#0f2a47!important;
}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > th{order:1;font:700 1.2rem/1.25 Poppins,sans-serif!important;color:#0f2a47!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > th::before{content:none!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Price"]{
  order:2;margin:14px 0 18px!important;padding:14px 0!important;border-block:1px solid rgba(15,42,71,.1)!important;
  font:700 1.18rem/1.35 Poppins,sans-serif!important;color:#1a56db!important;
}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Price"]::before{content:none!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Who It’s For"]{order:3;margin-bottom:12px!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="What You Need"]{order:4;margin-bottom:12px!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Not Included"]{order:5;margin-bottom:20px!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Checkout"]{order:6;margin-top:auto!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr > td[data-aap-label="Checkout"]::before{content:none!important}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody td[data-aap-label="Checkout"] a{
  display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:13px 20px;
  background:#1a56db!important;color:#fff!important;border-radius:14px;font:700 .95rem/1 Poppins,sans-serif!important;text-decoration:none!important;
}
html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody td[data-aap-label="Checkout"] a::after{color:#fff!important;border-color:#fff!important}
@media (hover:hover){
  html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody td[data-aap-label="Checkout"] a:hover{background:#0f2a47!important}
}
@media (min-width:900px){
  html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px!important}
  html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr{grid-column:span 2}
  html body.page-id-17389:not(#a80):not(#a80b) main table.aap-situation-table.aap-responsive-stack tbody tr:nth-child(n+4){grid-column:span 3}
}

/* ── 80d. /credentialing/ capability cards share the page's left edge (2026-10-22) ── */
@media (min-width:900px){
  html body.page-id-17389:not(#a80):not(#a80b) main .aap-cap-grid{width:min(1152px,100% - 48px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
}
/* ── 80e. /first-practice-launch/ hero: price, steps and Buy button become one buy card (2026-10-22) ──
 * The hero was one narrow text column with the right half empty, a $6,000 line the size of
 * body text, and the Buy button below four paragraphs. The price in display type, the three
 * steps and the Buy First Practice Launch button (with the Stripe, payment and HIPAA lines)
 * now sit together in one approved style card: beside the headline on desktop, directly under
 * the headline on phones, ahead of the long intro. Same words, same links, same source order;
 * the card is built from the hero's own elements. #start does not move: phone hero height is
 * held at or below today's (measured 390: 1164px before, see the spec).                      */
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero{padding-bottom:40px!important}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-gap:56px;align-items:start}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > aside{grid-column:1/-1;grid-row:8}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner::before{
  content:"";grid-column:1;grid-row:3/6;align-self:stretch;margin-top:6px;
  background:#fff;border:1px solid rgba(15,42,71,.12);border-top:4px solid #1a56db;border-radius:14px;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 18px 44px rgba(15,42,71,.12);
}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .eyebrow{grid-column:1;grid-row:1}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > h1{grid-column:1;grid-row:2}
@media (min-width:1000px){html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > h1{font-size:clamp(2rem,3.2vw,2.75rem)!important}}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__price{
  grid-column:1;grid-row:3;position:relative;margin:6px 0 0!important;padding:20px 20px 0!important;max-width:none!important;
}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__price .aap-hero__price-total{
  font:800 2.6rem/1 Poppins,sans-serif!important;color:#0f2a47;letter-spacing:-.01em;
}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__price .aap-hero__price-detail{margin-top:8px!important;font-size:1rem!important;line-height:1.4!important;font-weight:600!important;color:#1f2a37}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__next{
  grid-column:1;grid-row:4;position:relative;margin:14px 20px 0!important;padding:16px 0 0!important;max-width:none!important;
  border-top:1px solid rgba(15,42,71,.1);
}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__ctas{
  grid-column:1;grid-row:5;position:relative;display:flex;flex-direction:column;gap:12px;margin:16px 20px 0!important;padding:0 0 20px!important;
}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__ctas > .aap-btn{width:100%;box-sizing:border-box;text-align:center;justify-content:center}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{grid-column:1;grid-row:6;margin:22px 0 0!important;max-width:none!important}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__route{grid-column:1;grid-row:7;margin:14px 0 0!important;max-width:none!important}
@media (min-width:1000px){
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner{grid-template-columns:minmax(0,1fr) minmax(380px,430px)!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner::before{grid-column:2;grid-row:1/5;margin-top:0}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__price{grid-column:2;grid-row:1/3;margin:0!important;padding:28px 28px 0!important;align-self:start}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__price .aap-hero__price-total{font-size:3.4rem!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__next{grid-column:2;grid-row:3;margin:0 28px!important;align-self:center}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__ctas{grid-column:2;grid-row:4;margin:0 28px!important;padding:0 0 28px!important;align-self:start}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{grid-column:1;grid-row:3;margin:18px 0 0!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__route{grid-column:1;grid-row:4;margin:14px 0 0!important}
}
/* phones: the hero may not push #start down, so the intro paragraph and card padding tighten */
@media (max-width:800px){
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero{padding-top:24px!important;padding-bottom:20px!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__price{padding:16px 16px 0!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__price .aap-hero__price-total{font-size:2.2rem!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__next{margin:12px 16px 0!important;padding-top:12px!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero ol.aap-hero__next > li{margin:.2rem 0!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__ctas{margin:12px 16px 0!important;padding-bottom:16px!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{margin-top:16px!important;font-size:1rem!important;line-height:1.55!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__route{margin-top:10px!important}
}
@media (min-width:481px) and (max-width:800px){
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero{padding-top:12px!important;padding-bottom:6px!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__price{padding:14px 20px 0!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{margin-top:12px!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__ctas{padding-bottom:12px!important}
}
@media (max-width:380px){
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__subhead{font-size:.95rem!important;line-height:1.5!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__route{font-size:.92rem!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero ol.aap-hero__next{font-size:.93rem!important}
  html body.page-id-21031:not(#a80):not(#a80b) .aap-hero__inner > .aap-hero__price{padding-top:14px!important}
}
/* the three steps: numbered discs in the same line height (no change in block height) */
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero ol.aap-hero__next{counter-reset:aapnext;padding-left:0!important;list-style:none!important}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero ol.aap-hero__next > li{counter-increment:aapnext;position:relative;list-style:none!important;padding:0 0 0 32px!important;margin:.35rem 0!important}
html body.page-id-21031:not(#a80):not(#a80b) .aap-hero ol.aap-hero__next > li::before{
  content:counter(aapnext)!important;display:block!important;position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:#1a56db;color:#fff;font:700 .74rem/22px Poppins,sans-serif;text-align:center;
}

/* ── 80f. /first-practice-launch/ "How It Works": a four phase roadmap panel (2026-10-22) ──
 * The four phases (Practice Identifiers Come First, Payer Work Starts Once Identifiers Exist,
 * Systems Get Configured Around Billing, Readiness Is Tested Before Go Live) now run on one
 * track inside a navy panel: a numbered milestone per phase, a white card under each. Below
 * 1000px the track runs down the left edge. No dates, no payer decision wording, no new text. */
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves{
  background:#0f2a47!important;background-image:none!important;color:#fff;border:0!important;border-radius:20px;padding:44px 40px 46px!important;margin:0 0 56px!important;
}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves > h2{color:#fff!important;margin-top:0!important}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__intro{color:#c9d6e6!important}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid{
  position:relative;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;margin-top:34px!important;padding-left:62px;counter-reset:aapstep;
}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid::before{
  content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:rgba(255,255,255,.34);border-radius:2px;
}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item{
  padding:22px 22px 24px!important;background:#fff;border:1px solid rgba(15,42,71,.12);border-top:4px solid #1a56db;border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 34px rgba(0,0,0,.22)!important;
}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item::before{
  left:-62px!important;top:12px!important;width:44px!important;height:44px!important;
  background:#1a56db;color:#fff;border:3px solid #fff;box-sizing:border-box;font-size:1.1rem;
}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item h3{color:#0f2a47!important}
html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item p{color:#40566b!important}
@media (min-width:1000px){
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding:64px 0 0!important;
  }
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid::before{left:22px;right:calc(25% - 33px);top:21px;bottom:auto;width:auto;height:2px}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item{padding:22px 20px 26px!important}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item::before{left:0!important;top:-64px!important}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item h3{font-size:1.06rem!important;line-height:1.3!important}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item p{font-size:.95rem!important;line-height:1.6!important}
}
@media (max-width:700px){
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves{padding:34px 20px 36px!important;border-radius:16px}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid{padding-left:50px;gap:16px!important}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__grid::before{left:16px}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item::before{left:-50px!important;top:14px!important;width:34px!important;height:34px!important;font-size:1rem}
  html body.page-id-21031:not(#a80):not(#a80b) main .aap-work-moves__item{padding:20px 18px 22px!important}
}

/* ── 80g. /first-practice-launch/ "Your Plan, Stage By Stage": the real screenshot, framed and wider (2026-10-22) ──
 * The Command Suite timeline screenshot stays exactly as it is (real UI, same caption). It
 * gets the approved card depth and a wider column so the stage names are readable.        */
html body.page-id-21031:not(#a80):not(#a80b) main [data-aap-proof="roadmap"] .aap-section__inner{max-width:920px!important}
html body.page-id-21031:not(#a80):not(#a80b) main [data-aap-proof="roadmap"] figure img{
  border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 18px 44px rgba(15,42,71,.12)!important;
}

/* ── 82a. Signature visuals: homepage practice flow and credentialing process ── */
body.home .aap-hp-flow{margin:8px auto 40px;max-width:1200px}
body.home .aap-hp-flow img{display:block;width:100%;height:auto}
body.home .aap-hp-flow + .aap-hp-map{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body.page-id-17389 .aap-cred-process{margin:0 auto 36px;max-width:1200px}
body.page-id-17389 .aap-cred-process img{display:block;width:100%;height:auto}
@media (max-width:600px){
  body.home .aap-hp-flow{max-width:420px;margin-bottom:28px}
  body.page-id-17389 .aap-cred-process{max-width:420px;margin-bottom:28px}
}
/* ── 83a. Custom visuals: First Practice Launch roadmap and Automation before/after (2026-10-22) ──
   Scoped by body class. SVG files live in /wp-content/uploads/aap-visuals/. Portrait variants load at 1023px and below. */
body.page-id-21031 .aap-visual--fpl-roadmap,
body.page-id-20281 .aap-visual--ops-transform{margin:28px auto 8px;padding:0;max-width:1160px}
body.page-id-21031 .aap-visual--fpl-roadmap picture,
body.page-id-20281 .aap-visual--ops-transform picture{display:block}
body.page-id-21031 .aap-visual--fpl-roadmap img,
body.page-id-20281 .aap-visual--ops-transform img{display:block;width:100%;height:auto;border:0;border-radius:24px}
@media (max-width:1023px){
  body.page-id-21031 .aap-visual--fpl-roadmap,
  body.page-id-20281 .aap-visual--ops-transform{max-width:520px;margin:22px auto 4px}
}
/* ── 81a. Command Suite: product showcase in custom device frames (2026-10-22) ──
 * /aap-command-suite/ (page-id-19456). Three real captures, all already published: the credentialing
 * tracker recording, the claims queue recording and the denials queue image. The recordings sit in
 * an SVG laptop and an SVG browser window that overlap; the image sits in front as a close-up.
 * Each carries one line of text that already appears on the page. The two stacked recordings the
 * proof plugin prints in the same section are hidden by the rule at the top of this block, so the
 * same footage never shows twice. Frames are overlays with a transparent screen opening, so the
 * recordings keep their native controls.                                                           */
html body.page-id-19456 main .aap-proof:not(.aap-proof--quotes):has(> .aap-proof__figure--video){display:none!important}
html body.page-id-19456 main .aap-show{margin:40px 0 8px!important;max-width:none!important}
html body.page-id-19456 main .aap-show__stage{position:relative;margin:0!important;padding:0!important;list-style:none}
html body.page-id-19456 main .aap-show__item{margin:0!important}
html body.page-id-19456 main .aap-show__dev,
html body.page-id-19456 main .aap-show__snip{position:relative;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
html body.page-id-19456 main .aap-show__dev--laptop{aspect-ratio:1800 / 1000}
html body.page-id-19456 main .aap-show__dev--window{aspect-ratio:1200 / 736}
html body.page-id-19456 main .aap-show__dev::before{content:"";position:absolute;left:6%;right:6%;top:10%;bottom:-2%;border-radius:24px;background:rgba(15,42,71,.38);filter:blur(30px);z-index:0}
html body.page-id-19456 main .aap-show__dev::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
html body.page-id-19456 main .aap-show__dev--laptop::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1800 1000%22 width=%221800%22 height=%221000%22 fill=%22none%22%3E %3Cdefs%3E %3ClinearGradient id=%22aapBase%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E %3Cstop offset=%220%22 stop-color=%22%23e3eaf4%22/%3E %3Cstop offset=%221%22 stop-color=%22%23b9c7db%22/%3E %3C/linearGradient%3E %3C/defs%3E %3Cpath fill=%22%230f2a47%22 fill-rule=%22evenodd%22 d=%22M134 0H1666A44 44 0 0 1 1710 44V916A44 44 0 0 1 1666 960H134A44 44 0 0 1 90 916V44A44 44 0 0 1 134 0Z M160 56H1640A10 10 0 0 1 1650 66V889.75A10 10 0 0 1 1640 899.75H160A10 10 0 0 1 150 889.75V66A10 10 0 0 1 160 56Z%22/%3E %3Crect x=%2291%22 y=%221%22 width=%221618%22 height=%22958%22 rx=%2243%22 stroke=%22%232a4a70%22 stroke-width=%222%22/%3E %3Ccircle cx=%22900%22 cy=%2228%22 r=%225%22 fill=%22%2326466c%22/%3E %3Cpath fill=%22url(/wp-content/mu-plugins/aap-performance-assets/%23aapBase)%22 d=%22M0 960H1800V972A28 28 0 0 1 1772 1000H28A28 28 0 0 1 0 972Z%22/%3E %3Cpath fill=%22%23a6b6cc%22 d=%22M780 960H1020V966A8 8 0 0 1 1012 974H788A8 8 0 0 1 780 966Z%22/%3E %3C/svg%3E")}
html body.page-id-19456 main .aap-show__dev--window::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 736%22 width=%221200%22 height=%22736%22 fill=%22none%22%3E %3Cpath fill=%22%23ffffff%22 fill-rule=%22evenodd%22 d=%22M22 0H1178A22 22 0 0 1 1200 22V714A22 22 0 0 1 1178 736H22A22 22 0 0 1 0 714V22A22 22 0 0 1 22 0Z M14 58H1186V717.25H14Z%22/%3E %3Cpath fill=%22%23eef3fa%22 fill-rule=%22evenodd%22 d=%22M22 0H1178A22 22 0 0 1 1200 22V58H0V22A22 22 0 0 1 22 0Z%22/%3E %3Crect x=%221%22 y=%221%22 width=%221198%22 height=%22734%22 rx=%2221%22 stroke=%22%230f2a47%22 stroke-opacity=%22.2%22 stroke-width=%222%22/%3E %3Cpath d=%22M0 58H1200%22 stroke=%22%230f2a47%22 stroke-opacity=%22.1%22 stroke-width=%222%22/%3E %3Ccircle cx=%2232%22 cy=%2229%22 r=%227%22 fill=%22%23e40d11%22/%3E %3Ccircle cx=%2256%22 cy=%2229%22 r=%227%22 fill=%22%23c3cfdf%22/%3E %3Ccircle cx=%2280%22 cy=%2229%22 r=%227%22 fill=%22%23c3cfdf%22/%3E %3C/svg%3E")}
html body.page-id-19456 main .aap-show__screen{position:absolute;z-index:1;overflow:hidden;background:#0f2a47;margin:0!important}
html body.page-id-19456 main .aap-show__dev--laptop .aap-show__screen{left:8.3333%;top:5.6%;width:83.3333%;height:84.375%;border-radius:6px}
html body.page-id-19456 main .aap-show__dev--window .aap-show__screen{left:1.1667%;top:7.8804%;width:97.6667%;height:89.5666%;border-radius:0 0 8px 8px}
html body.page-id-19456 main .aap-show__screen video{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;background:#fff!important}
html body.page-id-19456 main .aap-show__snip{background:#fff!important;border:1px solid rgba(15,42,71,.14)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 4px rgba(15,42,71,.06),0 18px 40px rgba(15,42,71,.18)!important}
html body.page-id-19456 main .aap-show__snip a{display:block;cursor:zoom-in}
html body.page-id-19456 main .aap-show__snip img{display:block;width:100%;height:auto}
html body.page-id-19456 main .aap-show__tag{
  margin:0!important;padding:11px 16px 11px 40px!important;position:relative;
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-radius:12px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.06),0 12px 28px rgba(15,42,71,.14)!important;
  font:600 .9rem/1.4 Inter,system-ui,sans-serif!important;color:#0f2a47!important;max-width:none!important;
}
html body.page-id-19456 main .aap-show__tag::before{
  content:"";position:absolute;left:13px;top:12px;width:18px;height:18px;border-radius:50%;
  background:#1a56db url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.4 2.4 4.8-5' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/11px 11px no-repeat;
}
/* Desktop and wide tablet: overlapped composition, everything sized in percent of the stage */
@media (min-width:900px){
  html body.page-id-19456 main .aap-show__stage{aspect-ratio:1152 / 590;margin-bottom:26px!important}
  html body.page-id-19456 main .aap-show__item{position:absolute}
  html body.page-id-19456 main .aap-show__item--laptop{left:0;top:3%;width:60%;z-index:1}
  html body.page-id-19456 main .aap-show__item--window{right:0;top:22%;width:43%;z-index:3}
  html body.page-id-19456 main .aap-show__item--snip{left:6%;top:63%;width:46%;z-index:4}
  html body.page-id-19456 main .aap-show__tag{position:absolute!important;width:max-content;max-width:min(330px,92%)}
  html body.page-id-19456 main .aap-show__item--laptop .aap-show__tag{left:5%;top:-24px;z-index:5}
  html body.page-id-19456 main .aap-show__item--window .aap-show__tag{right:5%;bottom:-30px;z-index:5}
  html body.page-id-19456 main .aap-show__item--snip .aap-show__tag{left:5%;bottom:-30px;z-index:5}
}
/* Phone and small tablet: one device under the next, caption line under each */
@media (max-width:899px){
  html body.page-id-19456 main .aap-show__stage{display:grid;gap:34px}
  html body.page-id-19456 main .aap-show__item{width:100%;max-width:680px;margin-inline:auto!important}
  html body.page-id-19456 main .aap-show__item .aap-show__tag{margin-top:16px!important;font-size:.88rem!important}
}

/* ── 81b. Homepage: the Command Suite recording sits in the same laptop frame (compact) ──
 * CSS only. .aap-hp-band is the existing figure under "From Your Price To Work Started"; the
 * recording and its poster are unchanged.                                                      */
html body.home main figure.aap-hp-band{
  position:relative!important;max-width:960px!important;margin:44px auto 0!important;padding:0!important;
  aspect-ratio:1800 / 1000;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
html body.home main figure.aap-hp-band::before{content:"";position:absolute;left:6%;right:6%;top:10%;bottom:-2%;border-radius:24px;background:rgba(15,42,71,.34);filter:blur(30px);z-index:0}
html body.home main figure.aap-hp-band::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1800 1000%22 width=%221800%22 height=%221000%22 fill=%22none%22%3E %3Cdefs%3E %3ClinearGradient id=%22aapBase%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E %3Cstop offset=%220%22 stop-color=%22%23e3eaf4%22/%3E %3Cstop offset=%221%22 stop-color=%22%23b9c7db%22/%3E %3C/linearGradient%3E %3C/defs%3E %3Cpath fill=%22%230f2a47%22 fill-rule=%22evenodd%22 d=%22M134 0H1666A44 44 0 0 1 1710 44V916A44 44 0 0 1 1666 960H134A44 44 0 0 1 90 916V44A44 44 0 0 1 134 0Z M160 56H1640A10 10 0 0 1 1650 66V889.75A10 10 0 0 1 1640 899.75H160A10 10 0 0 1 150 889.75V66A10 10 0 0 1 160 56Z%22/%3E %3Crect x=%2291%22 y=%221%22 width=%221618%22 height=%22958%22 rx=%2243%22 stroke=%22%232a4a70%22 stroke-width=%222%22/%3E %3Ccircle cx=%22900%22 cy=%2228%22 r=%225%22 fill=%22%2326466c%22/%3E %3Cpath fill=%22url(/wp-content/mu-plugins/aap-performance-assets/%23aapBase)%22 d=%22M0 960H1800V972A28 28 0 0 1 1772 1000H28A28 28 0 0 1 0 972Z%22/%3E %3Cpath fill=%22%23a6b6cc%22 d=%22M780 960H1020V966A8 8 0 0 1 1012 974H788A8 8 0 0 1 780 966Z%22/%3E %3C/svg%3E") 0 0 / 100% 100% no-repeat}
html body.home main figure.aap-hp-band > video{
  position:absolute!important;z-index:1;left:8.3333%;top:5.6%;width:83.3333%!important;height:84.375%!important;
  aspect-ratio:auto!important;object-fit:cover!important;border-radius:6px!important;background:#fff!important;margin:0!important;
}

/* ── 81c. Operations Partnership: the two recordings in the browser window frame ──
 * Same real recordings as before, same position. Frame is a transparent overlay.               */
html body.page-id-17390 main .aap-proof__figure--video{
  position:relative!important;aspect-ratio:1200 / 736;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;
}
html body.page-id-17390 main .aap-proof__figure--video::before{content:"";position:absolute;left:5%;right:5%;top:8%;bottom:-1%;border-radius:22px;background:rgba(15,42,71,.30);filter:blur(26px);z-index:0}
html body.page-id-17390 main .aap-proof__figure--video::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 736%22 width=%221200%22 height=%22736%22 fill=%22none%22%3E %3Cpath fill=%22%23ffffff%22 fill-rule=%22evenodd%22 d=%22M22 0H1178A22 22 0 0 1 1200 22V714A22 22 0 0 1 1178 736H22A22 22 0 0 1 0 714V22A22 22 0 0 1 22 0Z M14 58H1186V717.25H14Z%22/%3E %3Cpath fill=%22%23eef3fa%22 fill-rule=%22evenodd%22 d=%22M22 0H1178A22 22 0 0 1 1200 22V58H0V22A22 22 0 0 1 22 0Z%22/%3E %3Crect x=%221%22 y=%221%22 width=%221198%22 height=%22734%22 rx=%2221%22 stroke=%22%230f2a47%22 stroke-opacity=%22.2%22 stroke-width=%222%22/%3E %3Cpath d=%22M0 58H1200%22 stroke=%22%230f2a47%22 stroke-opacity=%22.1%22 stroke-width=%222%22/%3E %3Ccircle cx=%2232%22 cy=%2229%22 r=%227%22 fill=%22%23e40d11%22/%3E %3Ccircle cx=%2256%22 cy=%2229%22 r=%227%22 fill=%22%23c3cfdf%22/%3E %3Ccircle cx=%2280%22 cy=%2229%22 r=%227%22 fill=%22%23c3cfdf%22/%3E %3C/svg%3E") 0 0 / 100% 100% no-repeat}
html body.page-id-17390 main .aap-proof__figure--video > video{
  position:absolute!important;z-index:1;left:1.1667%;top:7.8804%;width:97.6667%!important;height:89.5666%!important;
  aspect-ratio:auto!important;object-fit:cover!important;border-radius:0 0 8px 8px!important;background:#fff!important;
}

/* ── 81d. Operations Partnership and Command Suite: steps and capability cards on the page column ──
 * .aap-cap-grid and .aap-steps were capped at 1100 with 24px padding, so their cards began at x=194
 * while headings sit on the x=144 column (section 4). They take the 1200 box with 24px padding. The
 * three steps become cards joined by arrows. Three capability cards stay three across to 700px.  */
html body:is(.page-id-17390,.page-id-19456) main :is(.aap-cap-grid,.aap-steps){
  max-width:1200px!important;padding-inline:24px!important;box-sizing:border-box!important;
}
html body:is(.page-id-17390,.page-id-19456) main .aap-steps{gap:30px!important}
html body:is(.page-id-17390,.page-id-19456) main .aap-step{
  position:relative;padding:28px 26px 30px!important;background:#fff!important;
  border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
html body:is(.page-id-17390,.page-id-19456) main .aap-step__n{width:46px!important;height:46px!important;font-size:1.1rem!important;margin-bottom:16px!important}
html body:is(.page-id-17390,.page-id-19456) main .aap-step h3{font-size:1.2rem!important}
html body:is(.page-id-17390,.page-id-19456) main .aap-step:not(:last-child)::after{
  content:"";position:absolute;z-index:2;width:28px;height:28px;border-radius:50%;
  background:#0f2a47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2.5L7.5 6 4 9.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/12px 12px no-repeat;right:-29px;top:50px;
}
html body:is(.page-id-17390,.page-id-19456) main .aap-cap{padding:28px 26px 30px!important}
html body:is(.page-id-17390,.page-id-19456) main .aap-cap__ic{width:48px!important;height:48px!important;border-radius:12px!important}
@media (min-width:700px) and (max-width:900px){
  html body:is(.page-id-17390,.page-id-19456) main .aap-cap-grid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  html body:is(.page-id-17390,.page-id-19456) main .aap-steps{gap:34px!important}
  html body:is(.page-id-17390,.page-id-19456) main .aap-step:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-31px;transform:translateX(-50%) rotate(90deg)}
}

/* ── 81e. Operations Partnership and Command Suite: the four handoff steps as a flow ──
 * .aap-work-moves__grid ("How We Fix A Repeated Staff Handoff" and the Command Suite updates
 * block) keeps its numbered cards from section 61 and, from 1000px, lays them in one row joined
 * by arrows. Below 1000px nothing changes.                                                      */
@media (min-width:1000px){
  html body:is(.page-id-17390,.page-id-19456) main .aap-work-moves__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important}
  html body:is(.page-id-17390,.page-id-19456) main .aap-work-moves__item{padding:76px 22px 26px!important}
  html body:is(.page-id-17390,.page-id-19456) main .aap-work-moves__item::before{left:22px!important;top:22px!important;width:40px!important;height:40px!important}
  html body:is(.page-id-17390,.page-id-19456) main .aap-work-moves__item:not(:last-child)::after{
    content:"";position:absolute;z-index:2;right:-30px;top:30px;width:28px;height:28px;border-radius:50%;
    background:#0f2a47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2.5L7.5 6 4 9.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  }
}

/* ── 81f. Operations Partnership: the real engagement story as a feature card ──
 * The paragraph under "The Balances Patients Called About Were Never Billed" is the one proof
 * story on the page. It moves up in size and sits in the approved card. Words unchanged.       */
html body.page-id-17390 main .aap-section__inner:not([style]):has(> p.eyebrow + h2 + p:last-child) > p:last-child{
  max-width:none!important;margin:26px 0 0!important;padding:32px 36px!important;
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 14px 34px rgba(15,42,71,.10)!important;
  font-size:1.22rem!important;line-height:1.65!important;color:#0f2a47!important;
}
@media (max-width:760px){
  html body.page-id-17390 main .aap-section__inner:not([style]):has(> p.eyebrow + h2 + p:last-child) > p:last-child{padding:22px 20px!important;font-size:1.05rem!important}
}

/* ── 81g. Automation: seven system chips sit four over three, not five over two ──
 * The row of vendor chips under "Make Your Current Systems Work Better Before Adding More
 * Software" left a gap beside the last two. Tablet and phone keep two columns and the last chip
 * spans the row so none sits alone.                                                              */
@media (min-width:901px){
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child){grid-template-columns:repeat(12,minmax(0,1fr))!important}
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child) > *{grid-column:span 3!important}
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child) > :nth-child(n+5){grid-column:span 4!important}
}
@media (max-width:900px){
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child) > *{grid-column:auto!important}
  html body.page-id-20281 main .aap-ehr--connect .aap-ehr__grid:has(> :nth-child(7):last-child) > :last-child{grid-column:1 / -1!important}
}
/* ── 84a. Homepage hero composition: copy left, real Command Suite capture right (2026-10-22, pass 2) ──────────
 * Scope: body.home (page-id-18272). Needs the one <figure class="aap-hp-hero__shot"> from html-84a-hero-shot.html
 * placed inside section.aap-hp-hero directly before the "Hero review cards" comment. The image is the published
 * /wp-content/uploads/aap-proof/agreement-signing-poster.jpg (real capture, also used on /packages/). No wording,
 * link, button or review-card text changes. Below 1100px the figure is hidden (tablet and phone keep today's hero and the primary CTA does not move). Review cards keep their full width box underneath.                                */@media (min-width:1100px){
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:64px;align-items:center;
    padding:56px max(24px,calc((100% - 1200px)/2)) 0!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hero--split{grid-column:1;grid-row:1;margin:0!important;padding:0!important;max-width:none!important;width:auto!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero .aap-hero__body{margin:0!important;max-width:none!important;text-align:left!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero h1{margin:0 0 26px!important;max-width:none!important;text-align:left!important;font-size:clamp(2.4rem,3.45vw,3.1rem)!important;line-height:1.06!important;letter-spacing:-.02em!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero .aap-hero__subhead{margin:0 0 22px!important;max-width:34em!important;text-align:left!important;font-size:1.125rem!important;line-height:1.65!important;color:rgba(238,244,255,.92)}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero .aap-hero__location{margin:0 0 4px!important;max-width:none!important;text-align:left!important;font-size:.9375rem!important;color:#fff}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero .aap-hp-start{margin:0 0 26px!important;max-width:none!important;text-align:left!important;font-size:.9rem!important;color:rgba(214,228,255,.8)!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero .hero-actions{justify-content:flex-start!important;margin:0!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero p.aap-secure-pay--hero{text-align:left!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero p.aap-secure-pay--hero .aap-secure-pay__hipaa,
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero p.aap-secure-pay--hero .aap-secure-pay__methods{justify-content:flex-start!important;text-align:left!important}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hp-ticker{grid-column:1/-1;grid-row:2;margin-left:0!important;margin-right:0!important;max-width:none;width:auto}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hp-hero__shot{grid-column:2;grid-row:1;align-self:stretch;position:relative;margin:0 calc(-1 * max(24px,(100vw - 1200px)/2)) 0 0!important;padding:0!important;min-height:440px;
    border-radius:18px 0 0 18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.28);border-right:0;
    box-shadow:0 30px 70px -28px rgba(0,0,0,.65),0 0 0 6px rgba(255,255,255,.06)}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hp-hero__shot img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:0 0;display:block;border:0;border-radius:0;box-shadow:none}
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hp-hero__shot::after{content:"";position:absolute;inset:auto 0 0 0;height:16%;background:linear-gradient(180deg,rgba(15,42,71,0),rgba(15,42,71,.28));pointer-events:none}
}
@media (max-width:1099px){
html body.home[class]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) .aap-hp-hero > .aap-hp-hero__shot{display:none!important}
}


/* ── 84b. Case studies: editorial masthead, section rail, findings rows, pull quotes, result band (2026-10-22, pass 2) ──
 * Scope: /case-studies/ (page-id-20685) and the four case study pages (body[class*="aap-route-case-study-"]).
 * CSS only. No text, link or heading changes, no new elements. Each section becomes a two column editorial spread:
 * the H2 sits in a sticky left rail under a short blue rule, the existing text, lists and callouts run in the right
 * column. Callouts read as pull quotes. Bold lead list items read as findings rows (hairlines, no card chrome).
 * The last text-only section before the closing offer becomes a navy "result" band (:has, falls back to light).     */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page{background:#fff}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro{background:#fff!important;background-image:none!important;border-bottom:1px solid rgba(15,42,71,.12);padding:56px 0 52px!important;margin:0!important;position:relative;overflow:visible}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro::before,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro::after,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro::after{display:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero__inner{width:calc(100% - 48px)!important;max-width:1152px!important;margin:0 auto!important;padding:0!important;text-align:left!important;display:grid;grid-template-columns:minmax(0,1fr)}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .eyebrow,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px!important;font:600 .8125rem/1 Inter,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:#1a56db!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .eyebrow::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .eyebrow::before{content:"";width:34px;height:3px;border-radius:2px;background:#1a56db;flex:none}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero h1,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero h1{margin:0 0 28px!important;max-width:none!important;font-family:Poppins,sans-serif!important;font-weight:700!important;font-size:clamp(2.1rem,3.7vw,3.25rem)!important;line-height:1.1!important;letter-spacing:-.022em!important;color:#0f2a47!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-lede,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-lede{max-width:46rem!important;margin:0!important;font-size:1.1875rem!important;line-height:1.7!important;color:#33445a!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-proof-caption,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-proof-caption{max-width:46rem;margin:28px 0 0!important;padding-top:18px;border-top:1px solid rgba(15,42,71,.14);font:600 .8125rem/1.4 Inter,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#5b6675!important}


/* section spread */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid-band,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid-band{background:#fff!important;border:0!important;border-top:1px solid rgba(15,42,71,.12)!important;padding:64px 0!important;margin:0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero + .aap-proof-section,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero + .aap-proof-section,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero + .aap-proof-grid-band,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero + .aap-proof-grid-band{border-top:0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:calc(100% - 48px)!important;max-width:1152px!important;margin:0 auto!important;padding:0!important;
  display:grid!important;grid-template-columns:minmax(220px,300px) minmax(0,1fr);column-gap:72px;align-items:start}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2{grid-column:1;grid-row:1 / span 40;position:sticky;top:112px;margin:0!important;padding:0!important;max-width:none!important;
  font-family:Poppins,sans-serif!important;font-weight:700!important;font-size:1.5rem!important;line-height:1.22!important;letter-spacing:-.012em!important;color:#0f2a47!important;text-align:left!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2::before,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2::before{content:"";display:block;width:34px;height:3px;border-radius:2px;background:#1a56db;margin:0 0 18px}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > :not(h2),
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > :not(h2){grid-column:2;margin-top:0!important;margin-bottom:0!important;max-width:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + :not(h2),
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > * + :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > * + :not(h2){margin-top:22px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner p,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner p{font-size:1.0625rem!important;line-height:1.75!important;color:#33445a!important;max-width:44rem!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2 + p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2 + p{font-size:1.25rem!important;line-height:1.6!important;color:#0f2a47!important;font-weight:500!important}


/* callouts become pull quotes */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout{background:none!important;border:0!important;border-left:4px solid #1a56db!important;border-radius:0!important;box-shadow:none!important;padding:4px 0 4px 28px!important;margin-top:34px!important;margin-bottom:12px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout::before{display:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout p{max-width:40rem!important;margin:0!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:1.4375rem!important;line-height:1.45!important;letter-spacing:-.01em;color:#0f2a47!important}


/* lists become findings rows */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links){list-style:none!important;margin:0!important;padding:0!important;display:block!important;max-width:44rem;border-bottom:1px solid rgba(15,42,71,.12)!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li{position:relative;display:block!important;background:none!important;border:0!important;border-top:1px solid rgba(15,42,71,.12)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px 0 20px 28px!important;font-size:1.0625rem!important;line-height:1.7!important;color:#33445a!important;min-height:0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:31px!important;width:8px!important;height:8px!important;border-radius:2px!important;background:#1a56db!important;box-shadow:none!important;transform:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li strong,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li strong{display:block;margin:0 0 6px;font-family:Poppins,sans-serif;font-weight:600;font-size:1.0625rem;line-height:1.35;color:#0f2a47}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li:has(> strong:first-child),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li:has(> strong:first-child){padding-left:0!important;padding-top:24px!important;padding-bottom:24px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li:has(> strong:first-child)::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ul:not(.aap-related__links) > li:has(> strong:first-child)::before{display:none!important;content:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + ul:not(.aap-related__links),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + ul:not(.aap-related__links){margin-top:30px!important}


/* numbered steps become a quiet ruled sequence (lists and the "How It Stays Current" steps) */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol{list-style:none!important;margin:0!important;padding:0!important;display:block!important;max-width:44rem;border-bottom:1px solid rgba(15,42,71,.12)!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li{position:relative;display:block!important;background:none!important;border:0!important;border-top:1px solid rgba(15,42,71,.12)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px 0 20px 58px!important;min-height:0!important;font-size:1.0625rem!important;line-height:1.7!important;color:#33445a!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li::before{left:0!important;top:20px!important;width:36px!important;height:36px!important;font:700 .9375rem/36px Poppins,sans-serif!important;background:#0f2a47!important;color:#fff!important;border-radius:50%!important;box-shadow:none!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li h3,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li h3{margin:0 0 4px!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:1.0625rem!important;line-height:1.35!important;color:#0f2a47!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section ol > li p{margin:0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + ol,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + ol{margin-top:30px!important}


/* real captures stay full width of the spread */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-proof,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-proof{grid-column:1 / -1!important;margin-top:36px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-proof__figure,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-proof__figure{border:1px solid rgba(15,42,71,.12)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important}


/* result band: last text-only section before the closing offer */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)){background:#0f2a47!important;color:#fff!important;border-top:0!important;padding:76px 0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) > .aap-section__inner > h2{color:#fff!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) > .aap-section__inner > h2::before{background:#7fb0ff}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) > .aap-section__inner p{color:rgba(238,244,255,.92)!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) > .aap-section__inner > h2 + p{color:#fff!important;font-size:1.4375rem!important;line-height:1.55!important;font-family:Poppins,sans-serif!important;font-weight:600!important;letter-spacing:-.01em}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) .aap-callout{border-left-color:#7fb0ff!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) .aap-callout p{color:#fff!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) a{color:#9bc1ff!important}


/* closing offer: quiet tint panel, CTA stays where it was */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next{background:#fff!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next .aap-proof-actions,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next .aap-proof-actions{margin-top:26px!important}


/* stray "See More" link and the Keep Reading band sit on the same 1152 grid, quiet, hairline separated */html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page > p:last-child{width:calc(100% - 48px)!important;max-width:1152px!important;margin:0 auto!important;padding:28px 0!important;border-top:1px solid rgba(15,42,71,.12)}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page ~ .aap-related-band{background:#fff!important;border-top:1px solid rgba(15,42,71,.12)!important;padding:36px 0 44px!important}


/* /case-studies/ index: lead story plus a ledger of the others, whole row clickable */html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid-band{padding:24px 0 8px!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid-band > .aap-section__inner{max-width:1152px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid{display:block!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 64px;column-gap:40px;align-items:center;background:none!important;border:0!important;border-top:1px solid rgba(15,42,71,.12)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:44px 0!important;transition:background-color .2s}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:first-child{border-top:0!important;padding-top:36px!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:hover{background:linear-gradient(90deg,rgba(238,243,250,0),rgba(238,243,250,.8) 6%,rgba(238,243,250,.8) 94%,rgba(238,243,250,0))}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card::after{content:"\2192";grid-column:2;grid-row:1 / span 3;justify-self:end;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(15,42,71,.18);font:600 1.25rem/1 Inter,sans-serif;color:#1a56db;background:#fff;transition:background-color .2s,color .2s,border-color .2s}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:hover::after{background:#1a56db;border-color:#1a56db;color:#fff}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card h2{grid-column:1;margin:0 0 14px!important;max-width:none!important;font-family:Poppins,sans-serif!important;font-weight:700!important;font-size:1.625rem!important;line-height:1.22!important;letter-spacing:-.015em!important;color:#0f2a47!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:first-child h2{font-size:2.125rem!important;line-height:1.15!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card p:not(.eyebrow){grid-column:1;margin:0!important;max-width:44rem!important;font-size:1.0625rem!important;line-height:1.72!important;color:#33445a!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card p:not(.eyebrow) + p{margin-top:18px!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card a.aap-text-link{font-weight:600}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card a.aap-text-link::after{content:"";position:absolute;inset:0}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card br{display:none}


/* practices we work with: directory style */html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section h3{margin:0 0 6px!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:1.125rem!important;color:#0f2a47!important}
@media (max-width:900px){
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero.aap-proof-intro{padding:44px 0 36px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next{padding:44px 0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner{display:block!important;width:calc(100% - 40px)!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2{position:static;margin:0 0 22px!important;font-size:1.5rem!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2::before,
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2::before,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > h2::before{margin-bottom:14px}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > * + :not(h2),
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > * + :not(h2),
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-next > .aap-section__inner > * + :not(h2){margin-top:18px!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero__inner,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero__inner{width:calc(100% - 40px)!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page > p:last-child{width:calc(100% - 40px)!important;padding:24px 0!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section .aap-callout p{font-size:1.25rem!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2 + p,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section > .aap-section__inner > h2 + p{font-size:1.125rem!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-section:has(+ .aap-proof-next):not(:has(ul,ol,.aap-proof)) > .aap-section__inner > h2 + p{font-size:1.2rem!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-grid-band > .aap-section__inner{width:calc(100% - 40px)!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card{display:block!important;padding:32px 0!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card h2,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:first-child h2{font-size:1.5rem!important}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card:hover{background:none}
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-proof-card::after{display:none}
}
@media (max-width:480px){
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero h1,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero h1{font-size:1.85rem!important}
html body[class*="aap-route-case-study-"]:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-lede,
html body.page-id-20685:not(#aap84a):not(#aap84b):not(#aap84c):not(#aap84d) main .aap-proof-page .aap-hero .aap-lede{font-size:1.0625rem!important}
}


/* ── 82b. Homepage practice flow on phones (2026-10-22, Ryan: "looks and flows weird on my phone") ──
 * The portrait SVG ran about a full screen tall with the hub first and a long loop line.
 * Phones show the compact native map instead (section 79a: three cards with arrows, then the
 * Operations and Automation bar). Same words; desktop keeps the full graphic.            */
@media (max-width:700px){
  html body.home .aap-hp-flow{display:none!important}
  html body.home .aap-hp-flow + .aap-hp-map{position:static!important;width:auto!important;height:auto!important;margin:24px 0 4px!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}
}

/* ── 83b. First Practice Launch roadmap on phones (2026-10-22) ──
 * The portrait roadmap ran about 1,400px and repeats the five workstream cards on the page.
 * Phones keep the cards; tablets and desktop keep the roadmap.                          */
@media (max-width:700px){html body.page-id-21031 .aap-visual--fpl-roadmap{display:none!important}}
/* ── 85a. Command Suite: the three real captures become tabs (2026-10-22, pass 2) ──────────────────
 * Needs aap-suite-tabs.js. The script adds .is-tabbed to the existing .aap-show block, builds a tab
 * bar from the three captions the page already prints, and shows one capture at a time, larger.
 * Without JS none of this applies and the stacked composition from 81a stays. No new words, no
 * autoplay: the recordings keep native controls and start only when pressed.                      */
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed{max-width:1120px!important;margin:44px auto 12px!important}
html body.page-id-19456:not(#vs) main .aap-show__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;margin:0 0 16px!important;padding:0!important}
html body.page-id-19456:not(#vs) main .aap-show__tab{
  appearance:none;-webkit-appearance:none;position:relative;display:block;width:100%;margin:0!important;cursor:pointer;text-align:left;
  padding:17px 18px 17px 56px!important;background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid rgba(15,42,71,.14)!important;border-radius:14px!important;
  font:600 .95rem/1.4 Inter,system-ui,sans-serif!important;color:#5b6675!important;box-shadow:0 1px 2px rgba(15,42,71,.04)!important;
  transition:background-color .15s,color .15s,box-shadow .15s,border-color .15s;
}
html body.page-id-19456:not(#vs) main .aap-show__tab::before{
  content:"";position:absolute;left:18px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;
  background:#c7d3e3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.4 2.4 4.8-5' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/13px 13px no-repeat;transition:background-color .15s;
}
html body.page-id-19456:not(#vs) main .aap-show__tab:hover{background:#fff!important;color:#0f2a47!important;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important}
html body.page-id-19456:not(#vs) main .aap-show__tab[aria-selected="true"]{
  background:#fff!important;color:#0f2a47!important;border-top-color:#1a56db!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
html body.page-id-19456:not(#vs) main .aap-show__tab[aria-selected="true"]::before{background-color:#1a56db}
html body.page-id-19456:not(#vs) main .aap-show__tab:focus-visible{outline:3px solid #1a56db;outline-offset:3px}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__stage{
  display:block!important;aspect-ratio:auto!important;margin:0!important;padding:40px 36px!important;
  background:radial-gradient(120% 90% at 50% 0,#fff 0,#f2f6fc 45%,#e4ebf6 100%)!important;
  border:1px solid rgba(15,42,71,.10)!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__item{
  display:none;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0 auto!important;
}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__item.is-on{display:block}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__item--laptop{max-width:980px!important}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__item--window{max-width:880px!important}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__item--snip{max-width:1000px!important}
html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__tag{display:none!important}
@media (max-width:899px){
  html body.page-id-19456:not(#vs) main .aap-show__tabs{grid-auto-flow:row;grid-auto-columns:auto;gap:10px}
  html body.page-id-19456:not(#vs) main .aap-show__tab{padding:14px 16px 14px 52px!important;font-size:.9rem!important}
  html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__stage{padding:22px 14px!important;border-radius:16px!important}
}
@media (max-width:520px){
  html body.page-id-19456:not(#vs) main .aap-show.is-tabbed .aap-show__stage{padding:16px 8px!important}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-19456:not(#vs) main .aap-show__tab{transition:none}
}
/* ── 85b. "What Happens After Payment" on every /buy/* checkout: timeline, and a step-through with JS (2026-10-22, pass 2) ──
 * Markup is the list checkout already prints under the Pay button (mu-plugin aap-checkout-story.php), first <details>
 * of .aap-checkout-story. No words added: step numbers are CSS counters, the rail buttons are named by each step's own
 * lead words, the two recordings are the ones already published (agreement-signing, credentialing-tracker-v2).
 * No JS: the five steps show in full as a numbered timeline. With aap-after-payment.js (adds .aap-pay-steps): a rail of
 * numbered steps, one step shown at a time, arrow keys move between steps. Checkout form, totals and buttons untouched. */
html body[class]:not(#vs) .aap-checkout-story > details:first-child > ul{margin:16px 0 0!important;padding:0!important;list-style:none!important;counter-reset:aapstep}
html body[class]:not(#vs) .aap-checkout-story > details:first-child > ul > li{
  position:relative;counter-increment:aapstep;margin:0!important;padding:0 0 22px 52px!important;min-height:38px;
}
html body[class]:not(#vs) .aap-checkout-story > details:first-child > ul > li::before{
  content:counter(aapstep)!important;position:absolute!important;left:0!important;top:0!important;width:36px!important;height:36px!important;border-radius:50%!important;
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;
  background:#fff!important;border:2px solid #1a56db!important;color:#1a56db;font:700 .9rem/1 Poppins,Inter,system-ui,sans-serif;
}
html body[class]:not(#vs) .aap-checkout-story > details:first-child > ul > li:not(:last-child)::after{
  content:"";position:absolute;left:17px;top:40px;bottom:4px;width:2px;background:#d3deec;
}
html body[class]:not(#vs) .aap-checkout-story > details:first-child > ul > li > strong:first-child{display:block;margin:0 0 3px;color:#0f2a47}

/* With JS: rail plus one step at a time */
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail{
  position:relative;display:flex;justify-content:space-between;align-items:center;margin:18px 4px 0;padding:0;
}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail::before,
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail::after{
  content:"";position:absolute;left:18px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:#d3deec;right:18px;
}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail::after{
  right:auto;width:calc((100% - 36px) * var(--p,0));background:#1a56db;
}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button{
  position:relative;z-index:1;appearance:none;-webkit-appearance:none;width:38px;height:38px;margin:0!important;padding:0!important;border-radius:50%!important;
  background:#fff!important;border:2px solid #c3d0e2!important;color:#5b6675!important;cursor:pointer;box-shadow:none!important;min-width:0!important;
  font:700 .92rem/1 Poppins,Inter,system-ui,sans-serif!important;counter-increment:aaprail;display:flex;align-items:center;justify-content:center;
  transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;
}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail{counter-reset:aaprail}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button::before{content:counter(aaprail)}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button.is-past{border-color:#1a56db!important;color:#1a56db!important;background:#eef3fa!important}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button[aria-selected="true"]{
  background:#1a56db!important;border-color:#1a56db!important;color:#fff!important;box-shadow:0 0 0 5px rgba(26,86,219,.16)!important;
}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button:hover{border-color:#1a56db!important}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button:focus-visible{outline:3px solid #0f2a47;outline-offset:3px}
html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul{margin:16px 0 0!important}
html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul > li{display:none!important;padding:18px 20px!important;min-height:0;margin:0!important;
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important}
html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul > li.is-on{display:block!important}
html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul > li::before,
html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul > li::after{display:none!important}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-shot{margin:14px 0 0!important;padding:0!important;border:1px solid rgba(15,42,71,.12);border-radius:12px;overflow:hidden;background:#0f2a47;box-shadow:0 10px 28px rgba(15,42,71,.12)}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-shot[hidden]{display:none!important}
html body[class]:not(#vs) .aap-checkout-story .aap-pay-shot video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#fff}
@media (max-width:520px){
  html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button{width:36px;height:36px}
  html body[class]:not(#vs) .aap-checkout-story > details.aap-pay-steps:first-child > ul > li{padding:16px 16px!important}
}
@media (prefers-reduced-motion:reduce){html body[class]:not(#vs) .aap-checkout-story .aap-pay-rail button{transition:none}}
/* ── 85c. /packages/: the comparison cards read price first (2026-10-22, pass 2) ─────────────────
 * body.page-id-20847, .aap-price-grid[data-context="packages"]. The six cards already share rows through
 * subgrid, but the description (354px tall on the Insurance Credentialing card) pushed every price and
 * button down the card and left a 250px hole above the price on Ongoing Billing and First Practice
 * Launch. Rows are now named explicitly: name, price, detail, button, secure checkout line, then the
 * description and the included list. Words, links, prices and buttons are the same elements; only their
 * row changes. Cards take the approved top rule (4px #1a56db).                                              */
html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card{
  grid-row:span 8!important;border-top:4px solid #1a56db!important;border-color:rgba(15,42,71,.12)!important;border-top-color:#1a56db!important;border-top-width:4px!important;
  box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
@media (min-width:701px){
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card{grid-template-rows:subgrid!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__name{grid-row:1!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__price{grid-row:2!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__detail{grid-row:3!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__cta{grid-row:4!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-secure-pay--card{grid-row:5!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__for{grid-row:6!important;margin-top:22px!important;padding-top:20px;border-top:1px solid rgba(15,42,71,.12)}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__inc{grid-row:7!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__how{grid-row:8!important}
}
/* The "Not open yet..." routing line is part of the Insurance Credentialing description. It becomes a footnote at the foot
 * of that card (same span, same link), so the description row is no taller than its neighbours. Wide layout only. */
@media (min-width:1001px){
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card:has(.aap-price-card__route){padding-bottom:140px!important}
  html body.page-id-20847:not(#vs) main .aap-price-grid[data-context="packages"] .aap-price-card__route{
    position:absolute!important;left:28px;right:28px;bottom:24px;margin:0!important;padding-top:16px;border-top:1px solid rgba(15,42,71,.12);
    font-size:.92rem;line-height:1.55;
  }
}

/* ── 85d. /packages/: price tables compare at a glance (2026-10-22, pass 2) ─────────────────────────
 * Credentialing prices table and Medical Billing rate table (.aap-billing-tiers__table), plus the Find Your Situation
 * table. With aap-rate-bars.js each number carries a thin bar sized against its column, so the drop in rate and
 * minimum as a practice grows, or the step between the three credentialing packages, reads before it is read.
 * Rows lift on hover and keyboard focus. No text, order or link changes.                                       */
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table{
  background:#fff!important;border:1px solid rgba(15,42,71,.12)!important;border-top:4px solid #1a56db!important;border-radius:14px!important;
  border-collapse:separate!important;border-spacing:0!important;overflow:hidden;box-shadow:0 1px 2px rgba(15,42,71,.04),0 10px 28px rgba(15,42,71,.08)!important;
}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table thead th{background:#eef3fa!important;color:#33485f!important;font-size:.74rem!important;letter-spacing:.07em;text-transform:uppercase;padding:14px 18px!important;border-bottom:1px solid rgba(15,42,71,.12)!important}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table tbody td{padding:15px 18px!important;border-bottom:1px solid rgba(15,42,71,.08)!important;background:#fff!important;vertical-align:middle}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table tbody tr:last-child td{border-bottom:0!important}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table tbody tr:hover td{background:#f5f8fd!important}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table td.num{font:700 1.08rem/1.2 Poppins,Inter,system-ui,sans-serif!important;color:#0f2a47!important}
html body.page-id-20847:not(#vs) main table.aap-billing-tiers__table td.num[style*="--b"]::after{
  content:"";display:block;height:5px;margin-top:8px;border-radius:3px;max-width:150px;width:calc(var(--b) * 100%);
  background:linear-gradient(90deg,#1a56db,#6f9bf0);
}
@media (max-width:820px){
  html body.page-id-20847:not(#vs) main table.aap-cpe-price-table td.num[style*="--b"]::after{display:none}
}
/* Find Your Situation */
html body.page-id-20847:not(#vs) main table.aap-cpe-table__grid tbody tr:hover > :is(th,td):not(.aap-cpe-table__span){background:#f5f8fd}
html body.page-id-20847:not(#vs) main table.aap-cpe-table__grid tbody tr:focus-within > :is(th,td):not(.aap-cpe-table__span){background:#f5f8fd}
html body.page-id-20847:not(#vs) main table.aap-cpe-table__grid td.aap-cpe-table__span{background:linear-gradient(180deg,#eef3fa,#f7faff)!important;font-weight:600;color:#0f2a47}
/* ── 85e. Homepage "From Your Price To Work Started": the four steps read as a sequence (2026-10-22, pass 2) ──
 * CSS only, front-page.php untouched. Same joiner as 81d (navy dot with an arrow) so steps look the same on the
 * home page, /practice-operations/ and /aap-command-suite/. Desktop only (from 900px); the phone layout already has its own vertical connector.     */
@media (min-width:900px){
  html body.home:not(#vs) main .aap-hp-steps{gap:30px!important}
  html body.home:not(#vs) main .aap-hp-steps > li{position:relative}
  html body.home:not(#vs) main .aap-hp-steps > li:not(:last-child)::after{
    content:"";position:absolute;z-index:2;width:28px;height:28px;border-radius:50%;right:-29px;top:38px;
    background:#0f2a47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2.5L7.5 6 4 9.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  }
}
/* ── 86a. Operations Partnership comparison visual (page-id-17390 only) ── */
body.page-id-17390 .aap-page-content > figure.aap-visual--ops-compare{box-sizing:border-box!important;width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important;margin:0 auto 56px!important;padding:0;background:none;border:0}
body.page-id-17390 .aap-visual--ops-compare picture{display:block}
body.page-id-17390 .aap-visual--ops-compare img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:700px){body.page-id-17390 .aap-page-content > figure.aap-visual--ops-compare{width:calc(100% - 40px)!important;max-width:420px!important;margin-bottom:40px!important}}

/* visual-system.css */
/* 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"]):not(.aap-credentialing-builder__buy){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}

/* ── 13. Pricing presentation 2026-10-10: the outcome leads, the price stays clear and aligned ──── */
/* Ryan: keep published prices, stop feeling "too forward". The card name is now the largest text; the price
 * keeps its row (subgrid alignment is untouched) at a calmer size. Checkout totals keep their size. */
html body[class] main .aap-price-card .aap-price-card__name{font-size:1.375rem!important;line-height:1.25!important}
html body[class] .aap-price-card__price{margin-top:18px!important}
html body[class] .aap-price-card__amt{font-size:1.25rem!important;line-height:1.2!important;letter-spacing:-.005em}
html body[class] :is(.aap-checkout-frame__summary,.aap-calculated-checkout__hero) .aap-price-card__amt{font-size:2.375rem!important;line-height:1!important;letter-spacing:-.02em}
html body[class] .aap-price-card__detail:empty{margin-top:0!important}
/* One quiet price line under the outcome (homepage situation cards). */
html body[class] .aap-price-card__price.aap-price-card__price--line{display:block!important;margin-top:16px!important;font:600 .9375rem/1.5 var(--vs-body)!important;color:var(--vs-navy)!important;text-wrap:pretty}
/* The price notes that open the credentialing price section, and the one volume-savings line. */
html body[class] .aap-price-notes{display:grid;gap:10px;margin:20px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--vs-line)}
html body[class] main .aap-price-notes p{margin:0!important;font-size:1rem;line-height:1.6;color:var(--vs-text)}
html body[class] main .aap-price-notes .aap-price-notes__lead{font:700 1.125rem/1.45 var(--vs-head)!important;color:var(--vs-navy)!important}
html body[class] main p.aap-volume-savings strong{color:var(--vs-navy)}
/* /packages/: the billing section is the rate table (the billing card is in the price grid above). */
html body[class] .aap-billing-split.aap-billing-split--table{grid-template-columns:minmax(0,1fr)}
html body[class] .aap-billing-tiers__start{margin:28px 0 0!important}

/* Article reading rhythm: restore spacing lost to builder/reset defaults. */
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor{max-width:760px!important;margin-inline:auto!important;font:400 1.0625rem/1.75 var(--vs-body)!important;color:var(--vs-text)!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor p{margin:0 0 1.25em!important;line-height:1.75!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor :is(h2,h3,h4){font-family:var(--vs-head)!important;font-weight:700!important;line-height:1.3!important;color:var(--vs-navy)!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor h2{font-size:clamp(1.6rem,2.4vw,2rem)!important;margin:2em 0 .75em!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor h3{font-size:clamp(1.25rem,2vw,1.5rem)!important;margin:1.75em 0 .65em!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor :is(ul,ol){margin:1.25em 0 1.5em!important;padding-inline-start:1.5em!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor ul{list-style:disc!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor ol{list-style:decimal!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor li{display:list-item!important;margin:0 0 .7em!important;padding:0!important;line-height:1.7!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor > :first-child{margin-top:0!important}
html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor > :last-child{margin-bottom:0!important}
@media(max-width:640px){html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor{width:100%!important;min-width:0!important}html body.single-post[class] #main-content > .elementor .elementor-widget-text-editor h2{margin-top:1.6em!important}}

/* Keep the service and action before the complete support promise on phones. */
@media(max-width:600px){
html body:is(.page-id-20988,.page-id-20839,.page-id-20681,.page-id-21272,.page-id-17391)[class] main .aap-hero__inner:has(>p.aap-hero__ask){display:flex!important;flex-direction:column!important;align-items:stretch!important}
html body:is(.page-id-20988,.page-id-20839,.page-id-20681,.page-id-21272,.page-id-17391)[class] main .aap-hero__inner>p.aap-hero__ask{order:1;margin-top:1rem!important;margin-bottom:0!important}
}
/* The checkout wrapper already states the total and when details are collected. */
html body[class] [data-aap-calculated-checkout] [data-aap-checkout-unavailable] [data-aap-credentialing-price-builder]>.aap-credentialing-builder__intro{display:none!important}

/* Reduce stacked outer section padding without changing cards, nested blocks or home metrics. */
html body:not(.home):not(.single-post)[class] main .aap-page-content>section.aap-section:not(.aap-hero):not(.aap-cta-band),
html body:not(.home):not(.single-post)[class] main>section.aap-section:not(.aap-hero):not(.aap-cta-band){padding-top:64px!important;padding-bottom:64px!important}
@media(max-width:700px){
html body:not(.home):not(.single-post)[class] main .aap-page-content>section.aap-section:not(.aap-hero):not(.aap-cta-band),
html body:not(.home):not(.single-post)[class] main>section.aap-section:not(.aap-hero):not(.aap-cta-band){padding-top:40px!important;padding-bottom:40px!important}
}

/* Phone quote inquiries: put the existing form before supporting instructions. */
@media(max-width:767px){
  #contact-form > .aap-section__inner{display:flex;flex-direction:column}
  #contact-form > .aap-section__inner > *{order:3}
  #contact-form > .aap-section__inner > .eyebrow,
  #contact-form > .aap-section__inner > h2{order:0}
  #contact-form > .aap-section__inner > h2 + p{order:1}
  #contact-form > .aap-section__inner > .aap-contact-form-wrap{order:2;width:100%;margin-bottom:32px}
}

/* Optional Launch commercial-payer control: rendered only for supported catalog capability. */
.aap-launch-commercial-extras{margin:18px 0 24px;border:1px solid #d8e2eb;border-radius:12px;background:#f7faff;padding:14px 16px;width:100%;box-sizing:border-box}
.aap-launch-commercial-extras>summary{font-weight:700;line-height:1.45;color:#173b67;cursor:pointer}
.aap-launch-commercial-extras>div{padding-top:14px}
.aap-launch-commercial-extras p{font-size:.95rem;line-height:1.55;margin:0 0 14px}
.aap-launch-commercial-extras label{display:grid;gap:8px;font-weight:600}
.aap-launch-commercial-extras select{width:100%;min-width:0;max-width:100%;min-height:48px;font:inherit;background:#fff;color:#153049;border:1px solid #a2b5cb;border-radius:9px;padding:10px}
.aap-launch-commercial-extras [role=status]{margin-top:14px}
.aap-launch-extra-quote{background:transparent;border:0;border-top:1px solid #d8e2eb;border-radius:0;padding:12px 0 0}
.aap-launch-extra-quote ul{margin:0 0 12px;padding:0!important;list-style:none!important}
.aap-launch-extra-quote li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;line-height:1.55;margin:0 0 10px;padding-left:0!important}
.aap-launch-extra-quote li::before{display:none!important}
.aap-launch-extra-quote .aap-launch-extra-total{font-weight:700;margin:0}

/* design-refresh.css */
/* AdvanceAPractice design refresh, 2026-10-22 (Ryan: pages are hard to read and follow and look basic).
 *
 * Loaded LAST in <head> by mu-plugins/aap-zzzzzz-design-refresh.php, after visual-system.css. Rolling back
 * is deleting that loader file (or this file). It uses only the site's own tokens and components:
 *   - phone heading scale (H1 2 to 4 lines, H2 about 2 lines at 390), no text-wrap:balance, no ch caps on headings
 *   - bold-lead bullet lists show as card blocks (same surface as .aap-card: white, 14px radius, blue top rule)
 *   - numbered lists show as numbered step cards (same badge as .aap-step__n)
 *   - .aap-callout for the one sentence a section turns on, .aap-lede for the opening line
 *   - one section rhythm: padding scale, parity tint kept as is (design-tokens parity rules still decide the stripe)
 * Every selector carries :not(#rf):not(#rf2) so it outranks the :not(#vs):not(#vs2) rules already on the site.
 */

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

/* ── 1. Heading scale ─────────────────────────────────────────────────────────────────────────── */
/* Page H1. Phone 27px (was 35px: 4 to 7 lines), tablet and desktop step up to 48px. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero h1:not(#hero-heading),
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-state .hero h1,
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-page-hero h1{
  font-size:clamp(1.625rem,1.1rem + 1.4vw,2.125rem)!important;line-height:1.16!important;letter-spacing:-.02em!important}
@media(min-width:701px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero h1:not(#hero-heading),
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-state .hero h1,
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-page-hero h1{font-size:clamp(2.125rem,1.15rem + 2.4vw,3rem)!important;line-height:1.12!important}
}
/* Section H2. Phone 24px (about two lines), desktop 40px. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section,.aap-funnel,.aap-page-content,aside.aap-start-commitment,aside.aap-next-step,aside.aap-ehr) h2:not(.aap-hero h2):not(.aap-card h2):not(.aap-price-card h2):not(.aap-cta-band h2){
  font-size:clamp(1.4375rem,1.1rem + 1.5vw,1.75rem)!important;line-height:1.2!important;letter-spacing:-.02em!important;margin-block:0 16px!important}
@media(min-width:701px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section,.aap-funnel,.aap-page-content,aside.aap-start-commitment,aside.aap-next-step,aside.aap-ehr) h2:not(.aap-hero h2):not(.aap-card h2):not(.aap-price-card h2):not(.aap-cta-band h2){
    font-size:clamp(1.75rem,.95rem + 1.9vw,2.5rem)!important;line-height:1.15!important}
}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main:not(#rf3) :is(.aap-section__inner,.aap-page-content) > :is(p,ul,ol,div,figure,table,.aap-callout) + h2{margin-top:clamp(40px,6vw,56px)!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main:not(#rf3) .aap-page-content > h2{margin-top:clamp(40px,6vw,56px)!important}
/* Closing band heading: same scale family, centred as it already is. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cta-band h2{font-size:clamp(1.5rem,1.1rem + 1.7vw,2.125rem)!important;line-height:1.2!important;letter-spacing:-.02em!important}
/* Plain H3 inside prose: a clear step below H2 and above body text. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > h3{
  font-size:clamp(1.125rem,1rem + .6vw,1.3125rem)!important;line-height:1.3!important;letter-spacing:-.01em!important;margin-block:32px 10px!important}

/* ── 2. Reading rhythm ────────────────────────────────────────────────────────────────────────── */
/* The first sentence block under a section heading reads as an opener. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner) > h2 + p:not(.aap-callout){
  font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)!important;line-height:1.65!important;color:#2b3a4e!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > p{line-height:1.7}
/* Comfortable line length for body prose on wide screens (paragraphs only; headings fill their width). */
@media(min-width:960px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-section__inner:not(.aap-section__inner--wide) > :is(p,ul.aap-rf-plain,ol.aap-rf-plain){max-width:78ch}
}
/* Section padding scale: one rhythm for every content band. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-page-content > section.aap-section{padding-block:clamp(44px,7vw,84px)}

/* ── 3. Bold-lead bullet lists become card blocks ───────────────────────────────────────────── */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))){
  list-style:none!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px!important;margin-block:24px 28px!important;padding:0!important}
@media(min-width:760px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child) > li:last-child:nth-child(odd){grid-column:1/-1}
}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))) > li{
  list-style:none!important;margin:0!important;padding:20px 22px 20px!important;background:#fff!important;border:1px solid var(--rf-line)!important;
  border-top:3px solid var(--rf-blue)!important;border-radius:var(--rf-radius)!important;box-shadow:var(--rf-card-shadow)!important;
  font-size:.96875rem!important;line-height:1.62!important;color:var(--rf-text)!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))) > li::marker{content:""}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))) > li::before{content:none!important;display:none!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):has(> li > strong:first-child):not(:has(> li:nth-child(9))) > li > strong:first-child{
  display:block!important;margin:0 0 8px!important;font:700 1.0625rem/1.3 var(--rf-head)!important;letter-spacing:-.01em!important;color:var(--rf-navy)!important}
/* Plain bullet lists (no bold lead, up to 8 items): the same row card as .aap-check-list, with a quiet dot marker. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):not(:has(> li > strong:first-child)):not(:has(> li:nth-child(9))){
  list-style:none!important;display:grid!important;gap:10px!important;margin-block:20px 26px!important;padding:0!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):not(:has(> li > strong:first-child)):not(:has(> li:nth-child(9))) > li{
  position:relative;list-style:none!important;margin:0!important;padding:14px 18px 14px 46px!important;background:#fff!important;border:1px solid var(--rf-line)!important;
  border-radius:12px!important;box-shadow:0 1px 2px rgba(15,42,71,.04)!important;font-size:.96875rem!important;line-height:1.6!important;color:var(--rf-text)!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):not(:has(> li > strong:first-child)):not(:has(> li:nth-child(9))) > li::marker{content:""}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ul:not([class]):not(:has(> li > strong:first-child)):not(:has(> li:nth-child(9))) > li::before{
  content:""!important;display:block!important;position:absolute!important;left:16px!important;top:17px!important;width:18px!important;height:18px!important;border-radius:50%!important;
  background:radial-gradient(circle,var(--rf-blue) 0 4px,#eef3fa 5px)!important;border:0!important;transform:none!important}

/* ── 4. Numbered lists become numbered step cards ───────────────────────────────────────────── */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ol:not([class]){
  list-style:none!important;counter-reset:rfstep;display:grid!important;gap:12px!important;margin-block:24px 28px!important;padding:0!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ol:not([class]) > li{
  counter-increment:rfstep;position:relative;list-style:none!important;margin:0!important;padding:18px 20px 18px 70px!important;background:#fff!important;
  border:1px solid var(--rf-line)!important;border-radius:var(--rf-radius)!important;box-shadow:var(--rf-card-shadow)!important;
  font-size:.96875rem!important;line-height:1.62!important;color:var(--rf-text)!important;min-height:58px}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ol:not([class]) > li::marker{content:""}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ol:not([class]) > li::before{
  content:counter(rfstep)!important;position:absolute;left:18px;top:16px;width:38px;height:38px;border-radius:50%;background:var(--rf-blue)!important;
  color:#fff!important;font:700 1rem/38px var(--rf-head);text-align:center;display:block}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > ol:not([class]) > li > strong:first-child{
  display:block;margin:0 0 4px;font:700 1.0625rem/1.3 var(--rf-head);letter-spacing:-.01em;color:var(--rf-navy)}
/* ── 5. Callout: the one sentence a section turns on ───────────────────────────────────────── */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main :is(.aap-section__inner,.aap-page-content) > .aap-callout{
  margin-block:28px!important;padding:20px 22px!important;background:var(--rf-tint)!important;border:1px solid var(--rf-line)!important;
  border-left:4px solid var(--rf-blue)!important;border-radius:var(--rf-radius)!important;box-shadow:none!important;color:var(--rf-text)!important;
  font-size:1.0625rem!important;line-height:1.62!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-section--tint .aap-callout,html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-section:nth-of-type(even) .aap-callout{background:#fff!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-callout > p{margin:0!important;max-width:none!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-callout > p + p{margin-top:10px!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-callout strong:first-child{color:var(--rf-navy)!important;font-family:var(--rf-head)}

/* ── 6. Link-only cards (icon and title, no description) read as quick-scan rows on phones ───────── */
@media(max-width:700px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cap-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cap-grid > a.aap-cap:not(:has(.aap-cap__d)){
    display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;column-gap:14px;padding:12px 16px!important;min-height:0!important;
    border-top-width:1px!important;border-left:3px solid var(--rf-blue)!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cap-grid > a.aap-cap:not(:has(.aap-cap__d)) .aap-cap__ic{margin:0!important;width:40px;height:40px}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cap-grid > a.aap-cap:not(:has(.aap-cap__d)) > h3{margin:0!important;font-size:1.0625rem!important;line-height:1.3!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-cap-grid > a.aap-cap:not(:has(.aap-cap__d))::after{content:"\2192";color:var(--rf-blue);font-weight:700;font-size:1.0625rem}
}
/* Group labels above a card grid: a clear sub heading with a short rule. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-section__inner > h3[style*="text-align:center"]{
  font-size:clamp(1.1875rem,1rem + .8vw,1.4375rem)!important;margin-block:36px 4px!important}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-section__inner > h3[style*="text-align:center"]::after{
  content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--rf-keyline);margin:10px auto 0}
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-callout{font-size:1rem!important}

/* ── 7. A data table inside a hero must not clip on phones: rows stack as small cards ─────────── */
@media(max-width:700px){
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table{overflow:visible!important;margin:20px 0 0!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table table,
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table tbody{display:block!important;width:100%!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table thead{display:none!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table tbody{display:grid!important;gap:10px}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table tr{display:block!important;background:#fff!important;border:1px solid var(--rf-line)!important;border-radius:12px!important;padding:12px 16px!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;font-size:.9375rem!important;line-height:1.55!important}
  html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero figure.aap-data-table td:first-child{font:700 .9375rem/1.3 var(--rf-head)!important;color:var(--rf-navy)!important;margin-bottom:4px}
}
/* A second heading inside a hero (the PMHNP requirements pages put a table there) uses the section heading size. */
html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero__inner > h2{
  font-size:clamp(1.4375rem,1.1rem + 1.5vw,1.75rem)!important;line-height:1.2!important;letter-spacing:-.02em!important;margin-block:32px 14px!important}
@media(min-width:701px){html body[class]:not(.home):not(.aap-transaction-surface):not(#rf):not(#rf2) main .aap-hero__inner > h2{font-size:clamp(1.75rem,.95rem + 1.9vw,2.25rem)!important}}

/* ── 8. A grid of five package cards: three on the first row, two centred on the second, same card width ───────── */
@media(min-width:1001px){
  html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(5):last-child) > .aap-price-card{grid-column:span 2}
  html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(5):last-child) > .aap-price-card:nth-child(4){grid-column:2 / span 2}
  html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(5):last-child) > .aap-price-card:nth-child(5){grid-column:4 / span 2}
}
@media(min-width:721px) and (max-width:1000px){
  html body[class] .aap-price-grid:has(> .aap-price-card:nth-child(5):last-child) > .aap-price-card:nth-child(5){grid-column:1 / -1;width:calc(50% - 12px);justify-self:center}
}

/* ── 9. Process steps on case study pages (.aap-proof-flow): numbered step cards, same badge as section 4 ───────── */
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow{list-style:none!important;counter-reset:rfflow;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin:24px 0 28px!important;padding:0!important}
@media(min-width:900px){html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:18px!important}}
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow > li.aap-proof-step{counter-increment:rfflow;position:relative;list-style:none!important;margin:0!important;padding:18px 20px 18px 70px!important;background:#fff!important;border:1px solid var(--rf-line)!important;border-radius:var(--rf-radius)!important;box-shadow:var(--rf-card-shadow)!important;min-height:58px}
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow > li.aap-proof-step::marker{content:""}
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow > li.aap-proof-step::before{content:counter(rfflow)!important;position:absolute;left:18px;top:16px;width:38px;height:38px;border-radius:50%;background:var(--rf-blue)!important;color:#fff!important;font:700 1rem/38px var(--rf-head);text-align:center;display:block}
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow > li.aap-proof-step > h3{margin:0 0 6px!important;font:700 1.0625rem/1.3 var(--rf-head)!important;letter-spacing:-.01em!important;color:var(--rf-navy)!important}
html body[class]:not(#rf):not(#rf2) main ol.aap-proof-flow > li.aap-proof-step > p{margin:0!important;font-size:.96875rem!important;line-height:1.6!important;color:var(--rf-text)!important}