/* Shared site polish. Loaded once after page-components.css. */ .aap-btn--primary,a.aap-btn--primary,.btn-primary,a.btn-primary{color:#fff!important} .aap-cta-band .aap-btn--primary,.aap-cta-band a.aap-btn--primary,.aap-cta-band .btn-primary,.aap-cta-band a.btn-primary{color:#fff!important} .aap-cta-band .aap-btn--primary:hover,.aap-cta-band a.aap-btn--primary:hover{color:#fff!important} img.aap-byline__photo{width:72px!important;height:72px!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center top!important;border-radius:50%!important} ol.aap-steps,ol.aap-steps>li{list-style:none!important} a.aap-pkg,a.aap-cap{text-decoration:none!important} a.aap-pkg:hover .aap-pkg__go,a.aap-pkg:focus-visible .aap-pkg__go{text-decoration:underline!important} /* Button rhythm and footer lockup. */ .aap-hero__inner a.aap-btn,.aap-hero__inner a.btn,.aap-cta-band__inner a.aap-btn,.aap-cta-band__inner a.btn,.aap-cta-band__actions a.aap-btn,.aap-cta-band__actions a.btn{margin:7px 14px 7px 0} .aap-hero__inner a.aap-btn:last-child,.aap-cta-band__inner a.aap-btn:last-child{margin-right:0} .hero-actions,.mobile-cta-group,.aap-cta-band__actions{gap:14px!important} .site-footer .footer-brand{min-width:0!important;max-width:100%!important;margin-right:0!important} .site-footer .aap-footer-grid--refined .footer-brand>.aap-footer-lockup{column-gap:12px!important} .footer-tagline{max-width:46ch!important;margin-top:1.15rem!important;line-height:1.75!important} .site-footer .footer-brand .logo{width:100%!important;max-width:320px!important;margin-bottom:1.15rem!important;display:block!important} .site-footer .footer-brand .site-logo-img{display:block!important;width:100%!important;max-width:320px!important;height:auto!important;max-height:none!important;margin-bottom:0!important;object-fit:contain!important;object-position:left center!important} /* Header and compact Concierge clearance. */ @media(max-width:900px){ header .hamburger,.header-inner .hamburger,.hamburger{right:14px!important} .aap-mobile-cta-bar{padding-left:14px!important;padding-right:14px!important} body:not(.home):has(.aap-action-rail.is-visible:not(.aap-has-visible-choice)) .aapc-launch{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important} } @media(max-width:380px){header .hamburger,.header-inner .hamburger,.hamburger{right:11px!important}} @media(max-width:1120px){ .aapc-launch,html body .aapc-launch{position:fixed!important;top:auto!important;right:14px!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;width:44px!important;height:44px!important;min-width:44px!important;padding:5px!important;justify-content:center!important;gap:0!important} .aapc-launch .aapc-launch-txt,html body .aapc-launch .aapc-launch-txt{display:none!important} .aapc-launch .aapc-launch-logo,html body .aapc-launch .aapc-launch-logo{margin:0!important} body.aap-concierge-clearance .aapc-launch{opacity:0!important;visibility:hidden!important;pointer-events:none!important} } @media(min-width:901px){body.page-id-19456 .aapc-launch{display:none!important}} @media(max-width:480px){ .site-header .header-inner>.logo{width:min(230px,calc(100vw - 145px))!important;max-width:230px!important;min-width:0!important;flex:0 1 230px!important} .site-header .header-inner>.logo>.site-logo-img{width:auto!important;max-width:230px!important;height:52px!important;object-fit:contain!important} } @media(max-width:340px){ .site-header .header-inner>.logo{width:158px!important;max-width:158px!important;flex-basis:158px!important} .site-header .header-inner>.logo>.site-logo-img{width:auto!important;max-width:158px!important;height:42px!important} } /* Conversion controls remain readable without clipping long labels. */ .aap-pkg__go{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;height:auto;margin-top:18px;padding:11px 18px;border-radius:8px;background:#0b66c3;color:#fff!important;font-weight:800;line-height:1.25;text-decoration:none!important;box-shadow:0 2px 5px rgba(15,42,71,.18);white-space:normal;text-wrap:balance;overflow:visible} a.aap-pkg:hover .aap-pkg__go,a.aap-pkg:focus-visible .aap-pkg__go{background:#084f98;text-decoration:none!important;transform:translateY(-1px)} .aap-card .aap-btn,.aap-package-card .aap-btn,.aap-pay .aap-btn{margin:8px 12px 8px 0;min-height:46px;height:auto;max-width:100%;vertical-align:middle;white-space:normal;text-wrap:balance;overflow:visible} .aap-card .aap-btn:last-of-type,.aap-package-card .aap-btn:last-of-type,.aap-pay .aap-btn:last-of-type{margin-right:0} .aap-card p+.aap-btn,.aap-package-card p+.aap-btn{margin-top:12px} @media(max-width:640px){ .aap-pkg__go{display:flex!important;width:100%;margin-top:16px;text-align:center} .aap-card .aap-btn,.aap-package-card .aap-btn,.aap-pay .aap-btn{display:flex;width:100%;margin:10px 0;text-align:center;justify-content:center} } /* Desktop brand basis. */ @media(min-width:901px){ .site-header .header-inner>.logo{display:flex!important;flex:0 0 240px!important;width:240px!important;min-width:240px!important;max-width:240px!important} .site-header .header-inner>.logo>.site-logo-img{display:block!important;width:auto!important;max-width:240px!important;height:56px!important;max-height:56px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto!important} } /* Secondary outcome controls must remain visible on light cards. */ body .aap-outcome-offer-card .aap-outcome-btn.aap-outcome-btn--secondary,body .aap-outcome-next-step .aap-outcome-btn.aap-outcome-btn--secondary{border-color:#b9ccdf!important;background:#fff!important;color:#084f98!important;box-shadow:none!important} body .aap-outcome-offer-card .aap-outcome-btn.aap-outcome-btn--secondary:hover,body .aap-outcome-next-step .aap-outcome-btn.aap-outcome-btn--secondary:hover{border-color:#0b66c3!important;background:#f1f7fd!important;color:#084f98!important} /* Forms, anchor focus, and reduced motion. */ .aap-team-proof small{color:#637387!important} .aap-fit-form input,.aap-fit-form select,.aap-fit-form textarea,.aap-contact-form input,.aap-contact-form select,.aap-contact-form textarea,.wpforms-container input,.wpforms-container select,.wpforms-container textarea{border-color:#8491a3!important} .aap-fit-form input::placeholder,.aap-fit-form textarea::placeholder,.aap-contact-form input::placeholder,.aap-contact-form textarea::placeholder,.wpforms-container input::placeholder,.wpforms-container textarea::placeholder{color:#64748b!important;opacity:1!important} .aap-contact-form label span[aria-hidden]{color:#ad3c31!important} html{scroll-padding-top:88px} main [id]{scroll-margin-top:88px} .aap-skip-link{position:fixed;z-index:2147483647;top:-80px;left:14px;padding:11px 16px;border:2px solid #fff;border-radius:8px;background:#0f2a47;color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 8px 24px rgba(15,42,71,.24)} .aap-skip-link:focus{top:14px;outline:3px solid #83bdf3;outline-offset:3px} @media(max-width:760px){.site-footer .aap-footer-grid--refined .footer-brand>.aap-footer-lockup{column-gap:10px!important}} @media(prefers-reduced-motion:reduce){.aap-cband__dot{animation:none!important}} /* Long reference tables become labeled rows on phones and tablets. */ @media(max-width:900px){ main 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;box-sizing:border-box!important} main table.aap-responsive-stack thead{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} main table.aap-responsive-stack tbody{display:grid!important;width:100%!important;gap:12px!important} main table.aap-responsive-stack tr{display:block!important;width:100%!important;margin:0!important;padding:5px 14px!important;border:1px solid #d8e3ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,42,71,.05)!important;box-sizing:border-box!important} main table.aap-responsive-stack td,main table.aap-responsive-stack tbody th{display:grid!important;grid-template-columns:minmax(110px,36%) minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-width:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #e4ebf2!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important} main table.aap-responsive-stack td:last-child,main table.aap-responsive-stack tbody th:last-child{border-bottom:0!important} main table.aap-responsive-stack .aap-cell-value{display:block!important;min-width:0!important} main .aap-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important} main .aap-table-scroll>table{width:max-content!important;min-width:100%!important;max-width:none!important} main table.aap-responsive-stack td:not([data-aap-label]),main table.aap-responsive-stack tbody th:not([data-aap-label]){grid-template-columns:minmax(0,1fr)!important;font-weight:750!important;color:#0f2a47!important} main table.aap-responsive-stack td:not([data-aap-label])::before,main table.aap-responsive-stack tbody th:not([data-aap-label])::before{content:none!important} main table.aap-responsive-stack td::before,main table.aap-responsive-stack tbody th::before{content:attr(data-aap-label);color:#0f2a47;font-size:.76rem;font-weight:800;line-height:1.35;letter-spacing:.025em;text-transform:uppercase} } @media(max-width:480px){ main table.aap-responsive-stack td,main table.aap-responsive-stack tbody th{grid-template-columns:1fr!important;gap:5px!important} } /* Give the homepage introduction enough room to read as separate decisions. */ body.home .aap-hero__body>.eyebrow{margin-bottom:clamp(24px,2.3vw,32px)!important} body.home .aap-hero__body>h1{margin:0 auto clamp(28px,2.7vw,38px)!important;line-height:1.09!important} body.home .aap-hero__body>.aap-hero__subhead{margin:0 auto clamp(24px,2.2vw,32px)!important;line-height:1.68!important} body.home .aap-hero__body>.aap-hero__subhead--first{margin-bottom:clamp(11px,1.15vw,16px)!important} body.home .aap-hero__body>.aap-hero__audience{margin:0 auto clamp(10px,1.15vw,16px)!important;line-height:1.68!important} body.home .aap-hero__body>.aap-hero__location{margin:0 auto clamp(26px,2.4vw,34px)!important;color:rgba(255,255,255,.88)!important;font-weight:700;line-height:1.6!important} body.home .aap-hero__body>.aap-project-availability{width:fit-content!important;max-width:100%!important;margin:0 auto clamp(24px,2.2vw,30px)!important} body.home .aap-hero__body>.hero-actions{margin:0 0 clamp(25px,2.3vw,32px)!important} body.home .aap-hero__body>.aap-hero__assist{margin-top:0!important;line-height:1.65!important} @media(max-width:700px){ body.home .aap-hero--dark{padding-top:3.65rem!important;padding-bottom:3.8rem!important} body.home .aap-hero__body>h1{line-height:1.12!important} body.home .aap-hero__body>.aap-hero__subhead,body.home .aap-hero__body>.aap-hero__audience{line-height:1.64!important} body.home .aap-hero__body>.aap-hero__location{font-size:clamp(.875rem,3.8vw,.9375rem)!important;white-space:nowrap} } @media(max-width:340px){body.home .aap-hero__body>.aap-hero__location{white-space:normal}} /* Preserve the full header mark without compressing its natural proportions. */ .site-header .header-inner>.logo{min-width:0!important;max-width:250px!important} .site-header .header-inner>.logo>.site-logo-img{display:block!important;width:100%!important;max-width:250px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:left center!important} @media(min-width:901px){.site-header .header-inner>.logo{flex:0 0 250px!important;width:250px!important}} @media(max-width:900px){.site-header .header-inner>.logo{flex:0 1 min(240px,calc(100vw - 92px))!important;width:min(240px,calc(100vw - 92px))!important}.site-header .header-inner>.logo>.site-logo-img{max-width:240px!important}} /* Present the trust details as one aligned list instead of loose text. */ body.home .aap-hero__assist{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1.45fr) max-content!important;align-items:center!important;gap:18px 24px!important;width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important} body.home .aap-hero__assist>span{display:inline-flex!important;flex:0 0 auto!important;align-items:flex-start!important;gap:9px!important;margin:0!important} body.home .aap-hero__assist>span::before{content:'•';flex:0 0 auto;color:#55b7ef;font-size:1.15em;line-height:1.35} @media(max-width:900px){body.home .aap-hero__body>.aap-project-availability{width:100%!important}body.home .aap-hero__assist{grid-template-columns:1fr!important;width:fit-content!important;max-width:100%!important;gap:10px!important;justify-content:start!important}body.home .aap-hero__assist>span{width:100%!important}} /* Keep page-family widths aligned with the shared 1200px container. */ body.aap-family-packages .aap-hero h1{max-width:24ch!important} body.aap-family-packages .aap-hero .aap-hero__subhead{max-width:75ch!important} /* Project proof uses the same mobile gutter and card treatment as nearby sections. */ @media(max-width:900px){ body.home .aap-home-project-proof{box-sizing:border-box;width:calc(100% - 40px)!important;max-width:1200px!important;margin:30px auto 36px!important} body.home .aap-home-project-proof article{box-sizing:border-box;width:100%;padding:22px 20px;border:1px solid #d8e3ef;border-top:3px solid #1470be;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,42,71,.06)} } /* The referral shortcode already owns its spacing. Avoid a second generic section inset. */ body.aap-route-oregon-practice-referrals .aap-page-content>:is(.aap-or-referral-hero,.aap-or-referral-types,.aap-or-referral-note){padding-top:0!important;padding-bottom:0!important} body.aap-route-oregon-practice-referrals .aap-or-referral-hero{margin-top:clamp(34px,5vw,56px);margin-bottom:clamp(24px,4vw,40px)} body.aap-route-oregon-practice-referrals .aap-or-referral-types{margin-top:0;margin-bottom:clamp(28px,4vw,44px)} body.aap-route-oregon-practice-referrals .aap-or-referral-note{margin-top:0;margin-bottom:clamp(44px,6vw,68px);padding:clamp(22px,3vw,28px)!important} @media(max-width:640px){ body.aap-family-packages .aap-page-wrapper .aap-page-content .aap-hero>.aap-hero__inner{padding-inline:0!important} body.aap-family-packages .aap-hero h1{max-width:none!important} body.aap-route-oregon-practice-referrals .aap-or-referral-hero{margin-top:32px;margin-bottom:24px} body.aap-route-oregon-practice-referrals .aap-or-referral-types{margin-bottom:28px} body.aap-route-oregon-practice-referrals .aap-or-referral-note{margin-bottom:48px;padding:22px 20px!important} } /* The EHR switch block ships its own layout inside page content and misses the site gutters: flush to the screen edge on phones, full bleed on desktop. */ main .aap-ehr-switch{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:24px!important;align-self:center!important} /* --color-muted and the default link blue are chosen for light grounds. On the navy panels they fall to 1.83:1 and 2.52:1, so those panels get their own pair. */ .aap-roi-results .aap-roi-cap,.aap-roi-results .aap-roi-note{color:#CBD9EA!important} .aap-page-content .aap-standbehind a:not(.aap-btn){color:#8FBEF0} .aap-page-content .aap-standbehind__foot a:not(.aap-btn){color:#FFFFFF} .aap-page-content .aap-standbehind a:not(.aap-btn):hover{color:#B9D6F6} /* === Typography and touch targets — 2026-09-05 === */ /* Eyebrow labels sit above nearly every H1 and section heading, and six scoped rules size them differently: .aap-hero/.aap-section .eyebrow at .72rem (11.5px, the most common), .aap-ehr and .aap-bridge at .76rem (12.2px), .aap-state, .aap-answers and .aap-standbehind at .78rem (12.5px), the bare .eyebrow at .8rem (12.8px). Every scoped rule is (0,2,0) and several print after this sheet, so the unifying selector is (0,2,1). The CTA band eyebrow ("Ready To Start?") keeps its deliberately larger 1.05rem. */ .eyebrow, body :is(.aap-hero,.aap-section,.aap-state,.aap-ehr,.aap-bridge,.aap-answers,.aap-standbehind,.hero) .eyebrow{font-size:.8125rem;letter-spacing:.1em} /* The CTA band eyebrow inherits the bare .eyebrow tracking; keep its .09em. */ .aap-cta-band .eyebrow{letter-spacing:.09em} /* At 13px a 34+ character pill wraps on a 390px phone (it already does at 360px today); balance the two lines instead of leaving a one-word tail. */ @media(max-width:480px){body :is(.aap-hero,.aap-section) .eyebrow{text-wrap:balance}} /* premium-safety.css forces the recognition pill to .65rem !important below 700px so it stays on one line, so !important is required here. At 13px the pill still fits on one line at 390px and wraps instead of overflowing on narrower phones. */ @media(max-width:700px){ body :is(.aap-recognition-proof,.aap-section--recognition) .eyebrow{font-size:.8125rem!important;letter-spacing:.1em!important;white-space:normal;text-wrap:balance} } /* Header CTA: #aap-nav-fit (functions.php) drops it to .76rem !important from 1200 to 1499px, so !important is required. .82rem is what .btn-sm gives it from 1500px up and what the nav links use from 1200 to 1499px. */ @media(min-width:1200px){.site-header .primary-nav a.nav-cta{font-size:.82rem!important}} /* Footer column headings: functions.php sets 12px !important, so !important is required. */ footer.site-footer .footer-col-heading{font-size:.8125rem!important} /* Phone tap targets. The header logo link was exactly the image box (240x38). min-height lifts the link to 44px wherever the hamburger header is shown. Up to 768px the logo is the tallest child, so the header padding drops from 8px to 5px (#aap-header-left sets it !important) and the header height (54px) and image position do not change; from 769px the 44px hamburger already sets the height. The footer link "About" was 39px wide: footer links get a 44px minimum width at the same breakpoint where premium-shell gives them a 44px minimum height. */ @media(max-width:1199px){.site-header .header-inner>a.logo{min-height:44px}} @media(max-width:768px){header.site-header .header-inner{padding-top:5px!important;padding-bottom:5px!important}} @media(max-width:560px){.site-footer .aap-footer-section .footer-links a{min-width:44px}} /* The five long-form articles open with an .aap-card labelled "What this article covers" that is being lifted from h3 to h2 to close the h1 -> h3 skip. Keep the 20px card-title size the h3 had. style.css:2396 and premium-safety.css:299 size every .aap-section__inner h2 with !important, so !important is required; (0,4,2) beats both regardless of print order. */ body:is(.page-id-18182,.page-id-18180,.page-id-18219,.page-id-18181,.page-id-18179) .aap-section__inner>.aap-card>h2:first-child{font-size:20px!important;line-height:1.25!important;letter-spacing:-.01em!important;margin:var(--sp-md,24px) 0 .5rem} /* footer.php now lets the 12px slogan wrap (it was 8.3px nowrap). Without balance it breaks "...Elevating Patient / Care."; balanced it breaks at the period: "Advancing Practices." / "Elevating Patient Care." */ .site-footer .aap-footer-logo-slogan{text-wrap:balance} /* Calculator notes on the navy results panel used the light-ground muted token (1.83:1). */ .aap-calc__results .aap-calc__note,.aap-calc .aap-calc__note{color:#CBD9EA!important} /* The shared .aap-section__inner width uses calc() with --aap-gutter, which does not resolve in every section scope, so the declaration is dropped and the section goes full bleed. The theme works around that with an explicit list of section classes; any section not on that list (a newly added one, and aap-home-trust) lost its gutters on phones. Give every homepage section the same measure so the left edge is consistent down the page. */ @media(max-width:900px){body.home main .aap-section__inner{width:calc(100% - 40px)!important;margin-inline:auto!important}} /* --color-muted is chosen for light grounds. Where it lands on a navy panel it drops to 1.83:1, so those panels state their own text colour. Same fix as the ROI results panel. */ .aap-launch-evidence__note,.aap-launch-evidence__note *{color:#CBD9EA!important} /* Tracker chrome sat at 4.36:1 against white. Darken to clear 4.5:1 at 12px. */ .aap-tracker-search,.aap-tracker-filter,.aap-tracker-window .aap-tracker-search,.aap-tracker-window .aap-tracker-filter{color:#55637A!important} /* Definition-list labels ("Owner", "This Package Covers") sit at 11px and 4.35-4.48:1, just under the 4.5:1 threshold for small text. Darken the label, not the value. */ main .aap-workflow-flow dt,main .aap-outcome-package dt,main .aap-packages dt,main dl dt{color:#55637A!important} /* === Pill labels, section rhythm, and heading scale — 2026-09-05 === */ /* A capsule is a one-line shape. Long eyebrows wrapped to two and three lines inside a 999px radius, which reads as a mistake. Any eyebrow that needs to wrap drops the capsule and reads as a plain uppercase label instead. */ main .eyebrow{max-width:100%} @media(max-width:900px){ body main .aap-hero .eyebrow,body main .aap-hero__inner .eyebrow, body.home main .aap-hero--dark .eyebrow,body.home .aap-hero--dark .eyebrow{ display:block!important;background:none!important;background-color:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; padding-left:0!important;padding-right:0!important;text-wrap:balance} } /* Proof-card eyebrows sit above a heading in a narrow column and wrap at two lines. */ body main .aap-proof-card .eyebrow,body main .aap-proof-page > header .eyebrow{ display:block!important;background:none!important;background-color:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; padding-left:0!important;padding-right:0!important} /* Section rhythm was six different top/bottom pairs on one page, including asymmetric 52/96 and 72/60. Normalise the vertical scale so bands read as one system. */ main section.aap-section{padding-top:var(--aap-band,72px);padding-bottom:var(--aap-band,72px)} main section.aap-section--pad-lg{--aap-band:88px} @media(max-width:900px){main section.aap-section{--aap-band:48px}main section.aap-section--pad-lg{--aap-band:56px}} /* H3 rendered at 35.2/24/20/16.8px on a single page. Hold the scale. */ main .aap-section__inner h3,main .aap-proof-section h3,main article h3{font-size:20px;line-height:1.3} @media(min-width:901px){main .aap-section__inner h3,main .aap-proof-section h3,main article h3{font-size:21px}} /* 2026-09-05 sitewide live audit — _coordinator-eyebrow */ @media(max-width:900px){ body main .eyebrow,body main .aap-eyebrow, body main .aap-hero .eyebrow,body main .aap-hero__inner .eyebrow, body main .aap-section .eyebrow,body main .aap-section--dark .eyebrow, body.home main .aap-hero--dark .eyebrow{ display:block!important;width:auto!important; background:none!important;background-color:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; padding:0!important;line-height:1.35!important;text-wrap:balance} } /* 2026-09-05 sitewide live audit — _coordinator-gutter */ @media(max-width:640px){ body .aap-bridge{padding-left:24px!important;padding-right:24px!important} } /* 2026-09-05 sitewide live audit — p5a-candidate */ /* p5a: safe subset. Dropped its reading-measure rule (max-width:720px on all long-form blocks) — broad, unproven, and this site has prior history with the measure token. Revisit only with before/after proof. */ /* wpautop empty paragraph after a decorative card icon. */ body main .aap-card > p:empty{display:none} /* Standalone tap targets under 44px on phones. */ @media(max-width:600px){ body main a.aap-card__link, body main a.aap-real-product-proof__watch, body main a.aap-text-link{display:inline-flex;align-items:center;min-height:44px} } /* Narrow-column eyebrow capsule that wraps on desktop. Desktop only: below 901px the sitewide rule already strips the capsule, and nowrap there would overflow. */ @media(min-width:901px){ body main .aap-offer-secondary .eyebrow{white-space:nowrap} } /* 2026-09-05 sitewide live audit — p5b */ /* === p5b: PMHNP guides and PMHNP practice-requirements state pages — 2026-09-05 === */ /* 1.
silently breaks every ".aap-page-content > X" rule. 43 PMHNP state pages wrap their body in
; the other PMHNP pages (california, florida, georgia, pennsylvania and the seven guides) do not. Two child-combinator rules stop matching on the wrapped pages: live-conversion-polish.css:3 .aap-page-content>section:not(.aap-hero)... style.css:1838 .aap-page-content > .aap-hero:first-child Measured live at 1440 on /pmhnp-practice-requirements-alabama/: seven .aap-section bands at 64/64 sitting next to .aap-neighbor-states and .aap-seo-paths at 96/96 in the same column, and a hero padding-bottom of 80px where every unwrapped page in the same family renders 64px. On phone the same pages read 48/48 next to 52/52 with a 58px hero foot against 44px. These rules re-point the same declarations through the wrapper, so a wrapped page renders identically to an unwrapped one. No new values are introduced. Specificity: the section rule is (0,5,2) and the hero rule is (0,4,1); live-conversion-polish.css (0,4,1) and funnel-system.css (0,2,0) both print after site-polish.css, so specificity, not order, has to win. */ .aap-page-content > article.aap-page > section:not(.aap-hero):not(.aap-cta-band):not(.aap-mpsp-order){ padding-top:var(--aap-section-space,clamp(72px,7vw,96px)); padding-bottom:var(--aap-section-space,clamp(72px,7vw,96px)); } @media(max-width:640px){ .aap-page-content > article.aap-page > section:not(.aap-hero):not(.aap-cta-band):not(.aap-mpsp-order){ padding-top:52px; padding-bottom:52px; } } /* padding-top is already forced to 2rem / 1.3rem by style.css:2056-2057 with !important, so only the foot moves. 4rem and 2.75rem are the values style.css:1838-1839 gives an unwrapped hero. */ .aap-page-content > article.aap-page > .aap-hero:first-child{padding-block:4rem} @media(max-width:600px){ .aap-page-content > article.aap-page > .aap-hero:first-child{padding-block:2.75rem} } /* 2. .aap-tech-tier__heading was built for a short tier marker: a 76px first grid column holding a padding-less navy chip. aap-technology-credibility.php:573 prints $tier['number'] into it, and those values are "Practice Systems" and "Custom Software And Automation" (lines 39 and 52), not numbers. Measured live on /custom-software-automation/: the second chip is scrollWidth 86 against clientWidth 76 at 1440 and 83 against 70 at 390, so "AUTOMATION" prints outside the navy box, and the box is 78px tall holding five stacked words. The same string is already used as a plain eyebrow by the same plugin at line 648, so make the chip an eyebrow: one auto-width navy label above the heading. technology-credibility.css prints after site-polish.css and its rules are (0,1,0) and (0,1,1), so these are (0,2,0) and (0,2,1). */ .aap-tech-tier .aap-tech-tier__heading{ grid-template-columns:minmax(0,1fr); gap:10px; } .aap-tech-tier .aap-tech-tier__heading > p{ justify-self:start; width:auto; max-width:100%; min-height:0; padding:7px 12px; border-radius:8px; text-align:left; } /* 3. Standalone navigation links at 26px on phones. /pmhnp-practice-requirements-oregon/ and /pmhnp-practice-requirements-new-york/ carry an "On this page" jump nav that becomes a vertical stack below 560px (oregon-pmhnp-resource.css:35). Measured live at 390: five links 26px tall with 8.8px between them, plus four 26px neighbor-state links. These are navigation, not prose, so the 44px minimum applies. Height only; the nav already supplies its own gap, and align-items:center keeps the label optically where it was. */ @media(max-width:600px){ main .aap-oregon-resource__nav a, main .aap-oregon-neighbors a{ display:inline-flex; align-items:center; min-height:44px; } /* .aap-oregon-neighbors has no align-items, so the "Nearby states:" label stretched and sat 9px above the taller links. Center the row instead. */ main .aap-oregon-neighbors{align-items:center} } /* 4. The "Keep Reading" row under the guide articles is a