@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Cantarell:wght@400;700&family=Cinzel:wght@400;500;600;700&family=Cardo:ital,wght@0,400;1,400&display=swap');
/* The shared sheet loads Cinzel at 400 and 500 only, so every 600/700 mark on
   this page was a SYNTHESISED bold -- 381px against the source's 369 for the
   same 24px string, which is why our card titles took an extra line at 1920
   and every Cinzel run measured ~3% wide. The real weights are requested here
   rather than in the shared sheet, which no other page needs.
   Cardo -- the pull-quote face -- was not requested anywhere at all, so that
   quote fell back to Georgia and ran 638px against the source's 512 for the
   same line. The source loads Cardo at 400 only and lets the browser
   synthesise its bold, so only 400 is requested here. */

/* Asha Screening — page-scoped visual parity with the source page at
 * https://ashaeiynn.com/asha-screening/
 *
 * This page's source design does not share the type system the rest of the
 * site uses: it sets its headings in Cinzel, its body copy in Comic Neue and
 * its header action in Cantarell, where every other page uses Elsie/Inter.
 * Expressing that through the shared stylesheet would mean either changing
 * the other pages or piling page-specific exceptions onto shared selectors,
 * so it lives here instead, behind the page's own body class.
 *
 * Every rule below is scoped to `.page-asha-screening`. Nothing here can
 * reach another public page.
 *
 * Values are measured from the source at a 1440px CSS viewport, DPR 2, with
 * `document.fonts.ready` resolved.
 */

.page-asha-screening {
    /* Source-measured: body copy is Comic Neue, headings Cinzel. Cantarell
       carries the header action only. Fallbacks keep the page readable if a
       webfont request fails rather than dropping to an unrelated default. */
    --scr-display: 'Cinzel', Georgia, serif;
    --scr-body: 'Comic Neue', 'Comic Sans MS', system-ui, sans-serif;
    --scr-ui: 'Cantarell', 'Poppins', system-ui, sans-serif;
    --scr-ink: #000000;
    /* The rust the source uses for the cycling word in the strapline. */
    --scr-accent: #b45b3a;
    /* The platform mark the source's follow control opens with. */
    --scr-ig-mark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22%2F%3E%3C%2Fsvg%3E");
}

/* ---- Header band ----------------------------------------------------- */
/* The source renders a solid 122px header band that the hero starts beneath —
   not a floating transparent header — so the shared overlay behaviour is
   turned off here. But the band is NOT white: the source paints it with the
   same tiled paper texture the rest of the page uses, over the brand sand,
   so the header reads as part of the opening rather than a card sitting on
   top of it. Source-measured: 4-2.jpg tiled at natural size over #decba4.
   That asset is already in Media on staging (byte-identical to the source's
   copy), so it is referenced through the Media delivery URL, not hotlinked. */
body.page-asha-screening .site-header {
    position: static;
    border-bottom: 0;
    background-color: #decba4;
    background-image: url('/media/01M0DGQVEX61T3BMP3KPHB2NQW?v=1');
    background-repeat: repeat;
    background-size: auto;
    background-position: 0 0;
}
/* Source-measured: header band 122px tall at 1440. */
body.page-asha-screening .site-header-row { min-height: 122px; }
/* With the header back in the flow the opening section no longer needs to
   reserve room for a floating one. Source-measured hero padding-top: 57.6px. */
body.page-asha-screening .pb-root > .pb-section:first-child { padding-block-start: 57.6px; }

/* ---- Hero columns ---------------------------------------------------- */
/* Source-measured at 1440: the three hero columns are 425 / 492 / 461, not
   equal thirds. The middle column's width is what decides how the display
   heading wraps — at an equal third it fits in four lines, where the source
   composes six. */
@media (min-width: 68.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-columns.pb-cols-3 {
        grid-template-columns: 425fr 492fr 461fr;
    }
    /* The source's heading sits in a 250px measure inside its 350px column —
       that is what composes it into seven lines here rather than six — and the
       whole stack is dropped 82px from the row's top edge. */
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        padding-inline: 50px;
        padding-block-start: 82px;
    }
    /* The heading sits in a 392px measure inside its 492px column, and the
       source drops the whole text stack 89px below the column's top edge. */
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        padding-inline: 42px;
        padding-block-start: 80px;
    }
}

/* Source-measured: the strapline band sits 20px above the columns and its
   single line is 24px tall (the shared 1.4 leading makes it 31px). */
body.page-asha-screening .pb-root > .pb-section:first-child > .pb-section:first-child > .pb-section:first-child {
    padding-block: 0;
    margin-block-end: 20px;
}

/* ---- Hero portrait --------------------------------------------------- */
/* Source-measured radius on the left portrait: 150px 150px 0 300px — an
   asymmetric blob, where the shared `blob` treatment is a symmetric pair. */
body.page-asha-screening .pb-root > .pb-section:first-child .pb-image.pb-radius-blob img {
    border-radius: 150px 150px 0 300px;
}

/* ---- Headings ------------------------------------------------------- */
/* Source: Cinzel 400, no negative tracking (the shared Elsie treatment sets
   -0.01em, which visibly tightens Cinzel's wide caps). */
.page-asha-screening .pb-heading {
    font-family: var(--scr-display);
    font-weight: 400;
    letter-spacing: normal;
    color: var(--scr-ink);
}

/* Source-measured heading sizes on this page. The opening heading is an H1
   here (the source's own page carries no H1 at all, which leaves the document
   without a top-level landmark) — it must keep the identical 42/50.4 the
   source renders, so both tags are named. */
body.page-asha-screening h1.pb-heading,
body.page-asha-screening h2.pb-heading { font-size: 42px; line-height: 50.4px; }
/* The shared sheet sets the opening band's H1 to a clamped display size and a
   62px leading; both are more specific than the rule above, so the hero's own
   heading is named explicitly to keep the source's 42/50.4. */
body.page-asha-screening .pb-root > .pb-section:first-child h1.pb-heading {
    font-size: 42px;
    line-height: 50.4px;
}

/* ---- Body copy ------------------------------------------------------ */
/* Source: Comic Neue 600 at near-black, against the shared Inter 400 grey.
   The grey is what made this page's copy read as washed out. */
.page-asha-screening .pb-text,
.page-asha-screening .pb-accordion-body {
    font-family: var(--scr-body);
    font-weight: 600;
    color: var(--scr-ink);
}

/* Hero standfirst — source-measured 21px on a 22.4px leading. */
.page-asha-screening .pb-root > .pb-section:first-child .pb-columns .pb-text {
    font-size: 21px;
    line-height: 22.4px;
}

/* ---- Typed strapline ------------------------------------------------ */
/* Source: Comic Neue 22/600, black with the cycling word in rust — not the
   muted grey the shared rule gives it. */
.page-asha-screening .pb-fancy {
    font-family: var(--scr-body);
    font-size: 22px;
    font-weight: 600;
    /* Source-measured single-line height: 24px, not the shared 1.4 leading. */
    line-height: 24px;
    color: var(--scr-ink);
}
.page-asha-screening .pb-fancy-word { color: var(--scr-accent); }
.page-asha-screening .pb-fancy-caret { color: #8b8883; }
/* The shared rule caps hero body copy at a 500px measure for the left-hand
   column; this line runs the full width of the band in the source. */
.page-asha-screening .pb-root > .pb-section:first-child .pb-align-center > .pb-fancy {
    max-width: none;
    font-size: 22px;
    line-height: 24px;
}

/* ---- Buttons -------------------------------------------------------- */
/* Source hero action: 352x72, transparent with a 1px dark outline and a 35px
   radius, Poppins 20/600 on 2px tracking — not the shared solid 45px pill. */
.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
    font-family: 'Poppins', system-ui, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    /* Re-measured against the source at 1920: the box is 383x52 on 15px/40px
       padding. The 352x72 recorded here earlier was our own rendering, taken
       while the shared sheet's trailing chevron was still on the button. */
    min-height: 52px;
    padding: 15px 40px;
    border-radius: 35px;
    border: 1px solid var(--scr-ink);
    background: transparent;
    color: var(--scr-ink);
    /* Source-measured: the action is centred in the 392px text column (20px
       clear each side) and sits 54px below the standfirst, where the shared
       treatment left-aligns it directly underneath. */
    display: table;
    margin-inline: auto;
    margin-block-start: 54px;
}
.page-asha-screening .pb-root > .pb-section:first-child .pb-button:hover,
.page-asha-screening .pb-root > .pb-section:first-child .pb-button:focus-visible {
    background: var(--scr-ink);
    color: #ffffff;
}

/* ---- Header action -------------------------------------------------- */
/* Source: Cantarell 16/600 on 2px tracking at 256x50, outlined rather than
   filled. The label itself is set by the shell, not here. */
.page-asha-screening .site-header-cta {
    font-family: var(--scr-ui);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 2px;
    min-width: 256px;
    min-height: 50px;
}

/* ---- Counters ------------------------------------------------------- */
/* Source-measured: figures Cinzel 45px, labels Cinzel 22px, both black. */
.page-asha-screening .pb-counter-number {
    font-family: var(--scr-display);
    font-size: 45px;
    line-height: 54px;
    color: var(--scr-ink);
}
.page-asha-screening .pb-counter-label {
    font-family: var(--scr-display);
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--scr-ink);
}
/* The source does NOT lay these out as a 2x2 block. Only Reviews sits beside
   Screenings; Family and 3rd Eye Activated continue straight down the first
   column. Source-measured x for all three left-column figures: 523. */
@media (min-width: 68.0625rem) {
    .page-asha-screening .pb-root > .pb-section:first-child .pb-columns.pb-cols-2 {
        grid-template-columns: auto auto;
        justify-content: start;
        column-gap: 84px;
        row-gap: 0;
    }
    .page-asha-screening .pb-root > .pb-section:first-child .pb-columns.pb-cols-2 > .pb-column:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }
}

/* ---- Ticker --------------------------------------------------------- */
/* Source-measured: a 60px black band, full-bleed, items Cinzel 16px on 1px
   tracking in white with the source's own mixed casing preserved (the shared
   treatment rendered them smaller and forced uppercase). */
.page-asha-screening .pb-marquee {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}
.page-asha-screening .pb-marquee-item,
.page-asha-screening .pb-marquee span {
    font-family: var(--scr-display);
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: none;
    color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
    .page-asha-screening .pb-fancy-caret { animation: none; }
}

/* ---- "What Happens in the Screening" cards --------------------------- */
/* Source-measured: section heading 52px; four 318x341 cards on a 10px radius
   with a tan hairline, alternating white and a rust fill; a fifth card runs
   full width beneath them. Card heading Cinzel 24px, body 21px, both in the
   source's muted rose. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) h2.pb-heading {
    margin-block: 0;
    font-size: 52px;
    line-height: 62px;
    text-align: center;
}
/* Source-measured card box at 1440: 318x341 painted, 30px inset, a 1px
   #C1A78C hairline and a 10px radius, with a 30px gutter between cards. The
   148px this file used came from Elementor's stored `gap_columns_custom`; the
   rendered gutter is 30, and the 148 was squeezing every card to 235. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-col-card-tan {
    border-color: rgb(193, 167, 140);
    border-radius: 10px;
    padding: 30px;
}
/* The source alternates the second and fourth cards to a near-black fill —
   sampled straight off the reference capture at rgb(5,5,5); reading it via
   getComputedStyle picked up an inner element and reported a rose instead. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column:nth-child(even) {
    background-color: #050505;
    background-image: none;
    border-color: #050505;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column:nth-child(even) .pb-text {
    color: #ffffff;
}
/* Card copy: first line is the card's title, the rest is its body. The 1.35
   this file used to set was not measured from the source — the source runs
   the same 21/22.4 here as everywhere else. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-col-card-tan .pb-text {
    font-family: var(--scr-body);
    font-size: 21px;
    line-height: 22px;
    font-weight: 400;
    color: rgb(155, 131, 131);
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-col-card-tan .pb-text:first-child {
    font-family: var(--scr-display);
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    margin-block-end: .6rem;
}

/* The intro line above the cards is a white pill in the source, not the
   shared dark action pill — it is a label, not a control. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-button {
    background: #ffffff;
    color: var(--scr-ink);
    border: 1px solid rgb(193, 167, 140);
    font-family: var(--scr-display);
    font-size: 14px;
    letter-spacing: .06em;
    pointer-events: none;
}

/* ---- Why Screening (section 3) --------------------------------------- */
/* Source: heading ~35px and the artwork held to ~500px square. Ours ran the
   shared 42px heading and let the image stretch to ~596px, which is what made
   the band taller and the copy measure wrong. */
body.page-asha-screening .pb-root > .pb-section:nth-child(3) h2.pb-heading {
    font-size: 35px;
    line-height: 42px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-image img {
    max-width: 500px;
    margin-inline: auto;
}

/* ---- Online Screening (section 8) ------------------------------------ */
/* Source: heading 52px. The 26px this file previously gave the body copy was
   wrong — the source sets it at 21px like every other band (21/22.4 at
   desktop, 21/21 at tablet), and the 26px belongs to the closing question
   below the row, not to the copy inside it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(8) h2.pb-heading {
    font-size: 52px;
    line-height: 62px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
    font-size: 21px;
    line-height: 22.4px;
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        line-height: 21px;
    }
}

/* ---- FAQ (section 12) ------------------------------------------------ */
/* Reference measured on the rendered source. NOTE: the question's type lives
   on the title anchor INSIDE the row, not on the row itself — the row computes
   to Inter, the anchor to Cinzel 500 24px/24px, which is what the Elementor
   widget stores and what actually sets the wrapping. Its measure is 1248px on
   one line, so it wraps at tablet and phone and not at desktop.
   Reference at 1440 / 1024 / 390:
     band            855 / 902 / 1235
     accordion width 1362 / 963 / 354   (always the measure less a 10px inset)
     question        Cinzel 500 24/24 at every width; row padding 15-20 / 15-20 / 12-15
     answer          21/22 / 21/21 / 21/20, padding 15-20 / 15-20 / 7-15
     closed row      55, open row 169 / 209 / 371
   Rows are separated by a hairline, not by a gap. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) h2.pb-heading {
    font-size: 52px;
    line-height: 62px;
    text-align: center;
    margin-block: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
    display: block;
    gap: 0;
    margin-inline: 10px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgb(213, 216, 220);
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item summary {
    font-family: var(--scr-display);
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    padding: 15px 20px;
    color: #27282C;
}
/* The source marks each question with a 24px plus that becomes a minus when
   the panel opens, floated left of the text. We had no mark at all, which also
   left the question the full measure to run in — so it wrapped one line less
   than the source at tablet and phone. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item summary {
    list-style: none;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item summary::-webkit-details-marker {
    display: none;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item summary::before {
    content: '+';
    float: left;
    width: 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #27282C;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item[open] summary::before {
    content: '\2212';
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
    /* 15px inset, plus the 14.39px the source's answer paragraph carries under
       itself. Our answer is a text node, so the gap is stated here. */
    padding: 15px 20px 29.39px;
    margin: 0;
}


/* ---- Mobile ---------------------------------------------------------- */
/* The shared page rules pin every band heading at its desktop size. At 390
   that forces six-line titles and a page far taller than the source, so the
   display sizes scale down here rather than being repeated per section. */
@media (max-width: 42rem) {
    /* Per band, as the source sets them — not one blanket size. */
    body.page-asha-screening .pb-root h2.pb-heading { font-size: 34px; }
    body.page-asha-screening .pb-root > .pb-section:first-child h1.pb-heading { font-size: 30px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) h2.pb-heading { font-size: 25px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) h2.pb-heading {
    margin-block: 0; font-size: 30px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) h4.pb-heading { font-size: 24px; }
    body.page-asha-screening .pb-fancy,
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-align-center > .pb-fancy {
        font-size: 16px;
        line-height: 22px;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-columns .pb-text { font-size: 16px; line-height: 22px; }
    /* The hero action is a 352x72 desktop pill; at 390 it must not overflow. */
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        font-size: 14px;
        min-height: 56px;
        padding: 1rem 1.2rem;
        margin-block-start: 28px;
    }
    /* Decorative hero artwork must overlay, never add flow height. */
    body.page-asha-screening .pb-decor { position: absolute; }
    body.page-asha-screening .site-header-row { min-height: 72px; }
}


/* =====================================================================
 * SOURCE COMPOSITION — every value below is read from the Elementor
 * document for post 9327, not measured off the rendered page. Band padding
 * is stated in vw because the source states it in % of the viewport
 * (`padding: 5/2/5/2%`), so it is genuinely viewport-relative rather than a
 * pixel figure that only holds at one width.
 *
 * Section order now matches the source's twelve top-level sections:
 *  1 hero · 2 ticker · 3 Why · 4 What Happens · 5 Who Are We · 6 booking
 *  7 mentors · 8 online · 9 students+reviews · 10 posts · 11 quote · 12 FAQ
 * ===================================================================== */

/* ---- Content measure -------------------------------------------------- */
/* Source runs a 2% gutter at every width; the shared builder instead caps at
   1382px, which leaves dead margin above 1440. */
body.page-asha-screening .pb-root > .pb-section {
    padding-inline: 2%;
    position: relative;
}

/* ---- Band padding — the source's EFFECTIVE inset ---------------------- */
/* Elementor nests each band as section > container > column > widget-wrap, and
   the wrap carries its own margin and padding. What a row actually sits on is
   the sum of all three, so that sum is what is stated here — measured off the
   rendered source at 1440:
     band      section    wrap margin   wrap padding   => effective
     hero        58/0          0            0/0            58 / 0
     ticker      14/14         0            0/0            14 / 14
     why         72/0          0           10/10           82 / 10
     what        72/72         0           10/10           82 / 82
     who         72/144        0           10/10           82 / 154
     booking     10/0         50           10/10           70 / 10
     mentors      0/72        40           10/10           50 / 82
     online      58/72         0            0/0            58 / 72
     students    72/72         0           10/10           82 / 82
     posts       72/72         0           10/10           82 / 82
     quote        0/0          0           10/10           10 / 10
     faq         43/101        0           10/10           53 / 111
   The section part is a % of the viewport in the source, so it stays in vw;
   the wrap part is a fixed 10px. Stating only the section part is what left
   every row ten pixels high in its band. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1)  { padding-block: 4vw 0; }
body.page-asha-screening .pb-root > .pb-section:nth-child(2)  { padding-block: 1vw; }
body.page-asha-screening .pb-root > .pb-section:nth-child(3)  { padding-block: 5vw 0; }   /* measured 96/0 at 1920, 38/0 at 768 */
body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { padding-block: 5vw; }   /* measured: no wrap inset on this band */
body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { padding-block: 5vw 10vw; }   /* measured: no wrap inset on this band */
body.page-asha-screening .pb-root > .pb-section:nth-child(6)  { padding-block: 70px 10px; }
body.page-asha-screening .pb-root > .pb-section:nth-child(7)  { padding-block: 50px calc(5vw + 10px); }
body.page-asha-screening .pb-root > .pb-section:nth-child(8)  { padding-block: 4vw 5vw; }
body.page-asha-screening .pb-root > .pb-section:nth-child(9)  { padding-block: 5vw; }   /* measured: no wrap inset on this band */
body.page-asha-screening .pb-root > .pb-section:nth-child(10) { padding-block: calc(5vw + 10px); }
body.page-asha-screening .pb-root > .pb-section:nth-child(11) { padding-block: 10px; }
body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block: 3vw 7vw; }   /* measured 43/101 at 1440 */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1)  { padding-block: 3vw; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3)  { padding-block: 12px 31px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { padding-block: 13vw 16vw; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { padding-block: 13vw 12vw; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8)  { padding-block: 3vw; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9)  { padding-block: 3vw; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block: calc(3vw + 10px) calc(11vw + 10px); }
}

/* ---- Shape dividers --------------------------------------------------- */
/* The source hangs Elementor's own `split` shape over the top of nine bands
   (#594829, 30px tall, drawn at 300% width and centred) and, on mobile only,
   a `mountains` or `opacity-tilt` shape under three of them — those are set
   to 0px on desktop, so they exist only at the narrow composition. The SVGs
   are Elementor's own, inlined so nothing is fetched cross-origin. */
body.page-asha-screening .pb-root > .pb-section:nth-child(n+4)::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2020%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cpath%20fill%3D%22%23594829%22%20d%3D%22M0%2C0v3c0%2C0%2C393.8%2C0%2C483.4%2C0c9.2%2C0%2C16.6%2C7.4%2C16.6%2C16.6c0-9.1%2C7.4-16.6%2C16.6-16.6C606.2%2C3%2C1000%2C3%2C1000%2C3V0H0z%22%2F%3E%20%3C%2Fsvg%3E");
    background-size: 300% 30px;
    background-position: center top;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4)::before  { height: 28px; background-size: 300% 28px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12)::before { height: 21px; background-size: 128% 21px; }

    body.page-asha-screening .pb-root > .pb-section:nth-child(4)::after,
    body.page-asha-screening .pb-root > .pb-section:nth-child(5)::after,
    body.page-asha-screening .pb-root > .pb-section:nth-child(12)::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline: 0;
        background-position: center bottom;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 2;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4)::after {
        height: 23px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cpath%20fill%3D%22%23F3F3F3%22%20opacity%3D%220.33%22%20d%3D%22M473%2C67.3c-203.9%2C88.3-263.1-34-320.3%2C0C66%2C119.1%2C0%2C59.7%2C0%2C59.7V0h1000v59.7%20c0%2C0-62.1%2C26.1-94.9%2C29.3c-32.8%2C3.3-62.8-12.3-75.8-22.1C806%2C49.6%2C745.3%2C8.7%2C694.9%2C4.7S492.4%2C59%2C473%2C67.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23F3F3F3%22%20opacity%3D%220.66%22%20d%3D%22M734%2C67.3c-45.5%2C0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254%2C39.1%20s-91.7-34.4-149.2%2C0C115.7%2C118.3%2C0%2C39.8%2C0%2C39.8V0h1000v36.5c0%2C0-28.2-18.5-92.1-18.5C810.2%2C18.1%2C775.7%2C67.3%2C734%2C67.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23F3F3F3%22%20d%3D%22M766.1%2C28.9c-200-57.5-266%2C65.5-395.1%2C19.5C242%2C1.8%2C242%2C5.4%2C184.8%2C20.6C128%2C35.8%2C132.3%2C44.9%2C89.9%2C52.5C28.6%2C63.7%2C0%2C0%2C0%2C0%20h1000c0%2C0-9.9%2C40.9-83.6%2C48.1S829.6%2C47%2C766.1%2C28.9z%22%2F%3E%20%3C%2Fsvg%3E");
        background-size: 100% 23px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5)::after {
        height: 36px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202600%20131.1%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0%200L2600%200%202600%2069.1%200%200z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20style%3D%22opacity%3A0.5%22%20d%3D%22M0%200L2600%200%202600%2069.1%200%2069.1z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20style%3D%22opacity%3A0.25%22%20d%3D%22M2600%200L0%200%200%20130.1%202600%2069.1z%22%2F%3E%20%3C%2Fsvg%3E");
        background-size: 100% 36px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12)::after {
        height: 34px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cpath%20fill%3D%22%23C1A78C%22%20opacity%3D%220.33%22%20d%3D%22M473%2C67.3c-203.9%2C88.3-263.1-34-320.3%2C0C66%2C119.1%2C0%2C59.7%2C0%2C59.7V0h1000v59.7%20c0%2C0-62.1%2C26.1-94.9%2C29.3c-32.8%2C3.3-62.8-12.3-75.8-22.1C806%2C49.6%2C745.3%2C8.7%2C694.9%2C4.7S492.4%2C59%2C473%2C67.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23C1A78C%22%20opacity%3D%220.66%22%20d%3D%22M734%2C67.3c-45.5%2C0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254%2C39.1%20s-91.7-34.4-149.2%2C0C115.7%2C118.3%2C0%2C39.8%2C0%2C39.8V0h1000v36.5c0%2C0-28.2-18.5-92.1-18.5C810.2%2C18.1%2C775.7%2C67.3%2C734%2C67.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23C1A78C%22%20d%3D%22M766.1%2C28.9c-200-57.5-266%2C65.5-395.1%2C19.5C242%2C1.8%2C242%2C5.4%2C184.8%2C20.6C128%2C35.8%2C132.3%2C44.9%2C89.9%2C52.5C28.6%2C63.7%2C0%2C0%2C0%2C0%20h1000c0%2C0-9.9%2C40.9-83.6%2C48.1S829.6%2C47%2C766.1%2C28.9z%22%2F%3E%20%3C%2Fsvg%3E");
        background-size: 100% 34px;
    }
}

/* ---- Column proportions, as the source states them -------------------- */
/* Elementor stores these as `_inline_size` per column. They are not thirds
   or halves, and the hero's middle column is what decides how the display
   heading wraps. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 {
        grid-template-columns: 30.718fr 35.588fr 33.36fr;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 {
        grid-template-columns: 44.532fr 55.468fr;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 {
        grid-template-columns: 51fr 48.957fr;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns.pb-cols-2 {
        grid-template-columns: 51fr 49fr;
    }
}

/* ---- Hero ------------------------------------------------------------- */
/* The middle column carries a 50px inset and hangs 18%/29% of the row inside
   it — percentages, so they track the measure the way the source does. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        padding-inline: 50px;
        margin-block: 18% 29%;
    }
}
/* The portrait's own radius and box. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column:first-child > .pb-section:first-child img {
    border-radius: 150px 150px 0 300px;
    aspect-ratio: 500 / 700;
    object-fit: cover;
    position: relative;
    z-index: 3;
}
/* circle-dots.png is a decorative ring, not a second portrait: the source
   lifts it out of flow, sizes it to 102.256% of the column and hangs it 180px
   up from the column's bottom edge. Stacking it added a whole frame of height
   that the source never has. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column:first-child {
    position: relative;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column:first-child > .pb-section:nth-child(2) {
    position: absolute;
    inset-block-end: 180px;
    inset-inline-start: 0;
    width: 102.256%;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column:first-child > .pb-section:nth-child(2) {
        inset-block-end: 250px;
        inset-inline-start: 57px;
        width: 70%;
    }
}
/* All four counters sit in one row in the source, each sized to its own
   content with its own right margin — not split across two columns. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    vertical-align: top;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(1) { margin: 0 50px 10px 0; }
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(2) { margin: 0 41px 10px 0; }
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(3) { margin: 0 65px 0 0; }
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(4) { margin: 0; }


/* ---- Online screening ------------------------------------------------- */
/* Source: the artwork row hangs 80px below the band's top edge; the closing
   question sits 43px under it; the caret is a real widget between them. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-section:first-child {
        margin-block-start: 80px;
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
    font-family: var(--scr-display);
    font-size: 26px;
    font-weight: 600;
    margin-block: 43px 0;
    text-align: center;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-icon {
    display: block;
    text-align: center;
    color: var(--scr-ink);
    margin-block: 6px 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-icon svg {
    width: 34px;
    height: 34px;
    display: inline-block;
}

/* ---- Who Are We ------------------------------------------------------- */
/* Source: the label band pulls 62px back over the row beneath it, its own
   column hangs 56/40, and the pill is lifted 51px. The copy column drops
   120px; the artwork column repeats the 56/40. */
body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:first-child {
    margin-block-end: -62px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:first-child .pb-column {
    margin-block: 56px 40px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-button {
    font-family: var(--scr-display);
    font-size: 32px;
    font-weight: 500;
    background: #FFFFFF;
    color: #27282C;
    border: 0;
    border-radius: 35px;
    padding: 15px 40px;
    margin-block-start: -8px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* The source centres this pill at every width; ours only centred above 1024. */
body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:first-child .pb-column,
body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:first-child {
    text-align: center;
}
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:first-child {
        margin-block-start: 120px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block: 56px 40px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-button { font-size: 18px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:nth-child(2) { margin-block: 90px -12px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:first-child { margin-block-start: -19px; }
}
/* Source artwork: a 500 square with a single square corner, hung right. */
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
    max-width: 500px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px 100px 100px 100px;
    margin-inline-start: auto;
    display: block;
}

/* ---- What Happens ----------------------------------------------------- */
/* The intro line is a button widget in the source — a white pill with a 35px
   radius — not a paragraph, and the card row runs a 148px gutter. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
    background: #FFFFFF;
    color: #27282C;
    border: 0;
    border-radius: 35px;
    padding: 15px 40px;
    font-family: var(--scr-display);
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.3;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button { font-size: 16px; }
}
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 { column-gap: 30px; }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section + .pb-section {
    margin-block-start: 30px;
}

/* ---- Mentors ---------------------------------------------------------- */
/* Source: the band's content drops 40px, the carousel shows four at a time,
   and its action is set in Cantarell. */
/* Source-measured: the band's 50px drop is the section's own inset, and the
   heading itself carries no top margin — only the 20px under it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-heading {
    margin-block: 0 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-carousel {
    margin-block: 0 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-button {
    margin-block: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-button {
    font-family: var(--scr-ui);
    font-size: 22px;
    font-weight: 500;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-button { font-size: 16px; }
}

/* ---- Reviews ---------------------------------------------------------- */
/* Two compositions, as the source publishes them. The desktop one is the flip
   presentation: the script marks the centre card and its neighbours and this
   transforms them. The tablet/mobile one is a plain one-up carousel with a
   black hairline and a 20px radius — the source's own image-carousel styling. */
/* The transform goes on the card's CONTENTS, never on the grid item itself.
   Scaling the item changes the strip's snap geometry, and WebKit re-snaps to
   the nearest point the moment the classes change — which pulled the strip
   straight back to the start after every arrow, key and swipe. Transforming
   the inner element leaves the track's measurements untouched. */
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item > a,
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item > img {
    display: block;
    transition: transform .45s ease, opacity .45s ease;
    transform: scale(.82);
    opacity: .55;
    transform-origin: center center;
}
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-active > a,
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-active > img {
    transform: none;
    opacity: 1;
}
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-active { z-index: 2; }
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-prev > a,
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-prev > img {
    transform: scale(.9) perspective(900px) rotateY(14deg);
    opacity: .8;
}
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-next > a,
body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-next > img {
    transform: scale(.9) perspective(900px) rotateY(-14deg);
    opacity: .8;
}
@media (prefers-reduced-motion: reduce) {
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item > a,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item > img,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-active > a,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-active > img,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-prev > a,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-prev > img,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-next > a,
    body.page-asha-screening .pb-gallery-coverflow .pb-gallery-item.is-next > img {
        transition: none;
        transform: none;
        opacity: 1;
    }
}
body.page-asha-screening .pb-only-tablet-mobile .pb-gallery-item img {
    border: 1px solid #000000;
    border-radius: 20px;
}
body.page-asha-screening .pb-only-tablet-mobile .pb-car-btn { color: #000000; font-size: 31px; }
body.page-asha-screening .pb-only-tablet-mobile .pb-car-dots > * { width: 9px; height: 9px; margin-inline: 2px; }

/* ---- Quote ------------------------------------------------------------ */
/* Source: a 1600px inner measure, the artwork column inset 30px from the
   left, the copy column dropped 80px, and the action 60px under it. The
   quotation is set in Cardo, italic, with the source's letter/word spacing. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) > .pb-section {
        /* Elementor stores content_width: 1600px, but the rendered row is 1900
           at 1920 — the stored cap is inert here, as with the gradients. */
        max-width: none;
        margin: 40px auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns.pb-cols-2 > .pb-column:first-child {
        margin-inline-start: 30px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block-start: 80px;
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
    font-family: 'Cardo', Georgia, serif;
    font-size: 24px;
    font-style: italic;
    letter-spacing: .8px;
    word-spacing: 6px;
    color: #0F0F0F;
    text-align: center;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
    margin-block-start: 60px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
    max-width: 500px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px 100px 100px 100px;
}

/* ---- FAQ answers ------------------------------------------------------ */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content,
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-list {
    font-family: var(--scr-body);
    font-size: 21px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
}
/* ---- Ticker ----------------------------------------------------------- */
/* Source: Cinzel 16/600 on a 52px line with 1px tracking, white on #232323. */
body.page-asha-screening .pb-root > .pb-section:nth-child(2) {
    background: #232323;
    z-index: 96;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee,
body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee-run {
    font-family: var(--scr-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 1px;
    color: #FFFFFF;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee,
    body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee-run { font-size: 14px; }
}

/* ---- Band backgrounds ------------------------------------------------- */
/* Every band in the source is `background_background: classic` — a colour with
   ONE tiled image over it. The `background_color_b` / `background_gradient_*`
   fields Elementor also stores are inert under that mode; reading them as live
   gradients was wrong. Verified against the rendered page: every band computes
   to `background-size: auto`, `background-position: 0% 0%`, a single layer.
   The 0% 0% origin matters — with a repeating tile, centring it instead shifts
   the whole pattern, which put a difference under every pixel of every
   textured band. Both assets are already in staging Media byte-identical to
   the source's copies, so nothing is hotlinked. */
body.page-asha-screening .pb-root > .pb-section {
    background-color: #F3F3F3;
    background-image: url('/media/01M0DGQVEX61T3BMP3KPHB2NQW?v=1');
    background-repeat: repeat;
    background-size: auto;
    background-position: 0% 0%;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(1) {
    background-color: #DECBA4;
    background-image: url('/media/01M0DGQGJ4E7K822E7DV6JC8BZ?v=1');
}
/* The ticker is a flat dark band with no texture. */
body.page-asha-screening .pb-root > .pb-section:nth-child(2) {
    background-color: #232323;
    background-image: none;
}
/* Why Screening is the one band that covers its texture rather than tiling it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(3) {
    background-size: cover;
    background-position: 50% 50%;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) { background-position: top right; }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { background-color: #FFFFFF; }
body.page-asha-screening .pb-root > .pb-section:nth-child(10) { background-color: #D4CBC2; }
/* The booking band shows the texture with no colour under it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(6)  { background-color: transparent; }

/* ---- FAQ breakpoints (stated last so they win over the base rule) ------ */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content,
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-list { line-height: 21px; }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) h2.pb-heading {
        font-size: 34px;
        line-height: 41px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item summary {
        padding: 12px 15px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content { padding: 7px 15px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content,
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-list { line-height: 20px; }
}


/* ---- Student video wall (section 9) ----------------------------------- */
/* Source-measured at 1440: the wall is 1362 wide (the band's measure less the
   same 10px inset the FAQ uses), its nine tiles are 451x258 with NO gutter at
   all, and each tile carries a play mark over a square-cornered thumbnail.
   Ours was running a 12.8px gutter and a 298px tile with a 20px radius, which
   is 52px of extra height on every row. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) {
    margin-inline: 10px;
    column-gap: 0;
    row-gap: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) .pb-gallery-item {
    margin: 0;
}
/* The source's tile is the thumbnail and nothing else — no caption sits under
   it. The caption text stays as the image's alt attribute, so hiding it costs
   no accessible name. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) figcaption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
/* Three tiles across, sized off the measure rather than pinned: the source
   draws 604x344 at 1920 and 451x258 at 1440 — the same (measure - 10)/3 with
   a 604/344 proportion. The 451px figure was measured at 1440 and hard-coded,
   which left every tile 163px narrow at 1920. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) {
        grid-template-columns: repeat(3, 1fr);
        justify-content: stretch;
        row-gap: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) .pb-gallery-item {
        aspect-ratio: 451 / 258;
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) .pb-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}


/* ---- Reviews: the desktop flip stage (section 9) ---------------------- */
/* Source-measured at 1440: the widget is 1362 wide and 1200 tall; each slide
   occupies a 600x1200 slot and holds a 274x900 card drawn at its native
   proportions (object-fit: fill, square corners). 1362/600 puts the same 2.27
   slots in view as the source. The 1200 is the source's own slot height — the
   room the flip presentation needs above and below the card — not a number
   chosen to make a band total agree. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow {
        grid-template-columns: repeat(11, 600px);
        column-gap: 0;
        /* No inset: the 10px here pushed the active card 12px left of the
           source's, which centres it on the full measure. */
        margin-inline: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item {
        /* A coverflow centres its active slide in the scrollport; snapping to
           the slot's leading edge left the whole stage 22px adrift. */
        scroll-snap-align: center;
        width: 600px;
        height: 1200px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    /* Source-measured stage: the CENTRE card fills its whole 600x1200 slot;
       only the flanking cards are the small 274x900 crop, thrown back with a
       3D rotation. Ours drew all three at 274x900 flat, which is why the band
       read as two small cards adrift in a wide empty stage. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item img {
        width: 274px;
        height: 900px;
        object-fit: fill;
        border-radius: 0;
        aspect-ratio: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-active img {
        width: 600px;
        height: 1200px;
    }
    /* The source's stage does not leave a slot's worth of air between the
       centre card and its neighbours: measured at 1920 the gap is 86, so each
       flanking card sits 77px in from the middle of its own 600px slot. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev img {
        transform: translateX(77px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next img {
        transform: translateX(-77px);
    }
    /* The source's stage tiles its side cards on a 360.5 pitch while our slots
       are 600 wide, so each further card needs 239.5 more pull than the last:
       -61 / 300 / [660] / 1346 / 1707 at 1920 against our 600-slot -377 / 300 /
       [660] / 1346 / 2023. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev2 img {
        transform: translateX(316px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next2 img {
        transform: translateX(-316px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev3 img {
        transform: translateX(555px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next3 img {
        transform: translateX(-555px);
    }
}


/* ---- Booking band (section 6) ----------------------------------------- */
/* The Elementor column stores a 7px #594829 border, but the rendered source
   computes to `border-width: 0` — the theme overrides it, the same way it
   overrides the stored gradients. There is no frame on the live page, so
   there is none here. Source-measured at 1440: the container is 1280 wide and
   the player 1206x678 (16:9); ours was 960/946x532. */
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-container {
    border: 0;
    border-radius: 0;
    margin-inline: auto;
    /* The shared container declares `width: min(100% - 2rem, 60rem)`, so a
       max-width cannot widen it — the width itself has to be restated. */
    width: min(100%, 1280px);
    max-width: none;
    overflow: visible;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video {
    max-width: 1206px;
    margin-inline: auto;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video iframe {
    aspect-ratio: 1206 / 678;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(6) > .pb-button {
    background: #696262;
    color: #FFFCFC;
    border: 0;
    font-family: var(--scr-display);
    font-size: 20px;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) > .pb-button { font-size: 18px; }
}

/* ---- Who Are We: copy, artwork and the label band --------------------- */
/* Source-measured at 1440: the copy is 21/22 (ours had fallen back to the
   shared 16px), the artwork is drawn at its native proportions rather than
   cropped, and the label band is a 127px row that then pulls 62px back over
   the row beneath it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
    font-size: 21px;
    line-height: 22px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
    object-fit: fill;
}
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section:first-child {
        min-height: 127px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ---- Breakpoint visibility (page-scoped) ------------------------------ */
/* The `visible` gallery setting makes the renderer emit these classes. The
   source publishes two compositions of its review band — one for desktop, one
   for tablet/mobile — and hides each at the other's widths, so reproducing it
   needs the same switch rather than one carousel restyled by CSS.
   These rules live here, not in the shared sheet: this is the only page that
   sets `visible`, and site.css is outside this work's authorized scope. A
   future page opting in would need its own page-scoped pair, or the utility
   promoted into site.css under its own authorization.
   Breakpoint is the source's own: tablet and below is <= 1024. */
body.page-asha-screening .pb-only-desktop,
body.page-asha-screening .pb-only-tablet-mobile { display: block; }
@media (max-width: 64rem) {
    body.page-asha-screening .pb-only-desktop { display: none; }
}
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-only-tablet-mobile { display: none; }
}

/* ---- Mentor strip card size (section 7) ------------------------------- */
/* The strip is a grid with `grid-auto-flow: column`, so the card size comes
   from `grid-auto-columns` — an item width resolves against the track and is
   ignored. Source-measured card: 198 at 1024, 298 at 1440, 413 at 1920 — one
   straight line through all three. The portrait is drawn at its own
   proportions rather than cropped. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
        grid-auto-columns: calc(23.96vw - 47px);
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery .pb-gallery-item img {
    object-fit: fill;
}

/* ---- The source's 10px content inset ---------------------------------- */
/* Elementor wraps every band's content in a widget-wrap that carries a 10px
   inset, so each inner row measures the band's width less 20. It is the same
   inset already stated for the FAQ, the video wall and the review stage; the
   remaining bands need it too, and without it their columns come out ~5px
   wider each and their copy wraps one line short of the source. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section,
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section,
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-carousel {
        margin-inline: 10px;
    }
}

/* ---- Row rhythm inside the bands -------------------------------------- */
/* The source separates a band's rows with a flat 20px and nothing else — no
   8px shared rhythm, no 16px gallery margin. Measured on the rendered source:
   students = 50(+20) 37(+20) 822(+20) 50(+20) 1200; mentors = 50(+20)
   318(+20) 54; what = 149 / 341 / 178 with 30px between rows. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > * {
    margin-block: 0 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > *:last-child {
    margin-block-end: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-heading {
    margin-block: 0 20px;
}
/* The mentor strip's row is exactly the card plus 20 in the source; ours was
   carrying 17px of extra carousel chrome above the arrows. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-carousel {
    padding-block: 0;
}
/* The dots sit UNDER the cards in the source, not over them: the row is the
   298px card plus a flat 20. Lifting them out of flow put them across the
   portraits and made this band worse, not better. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
    /* Computed from the source's own track: the card is 318x318 on a 328
       pitch, so the gutter is 10 and the row is the card. The earlier
       "298 + 20 dots strip" reading was wrong on both figures. */
    padding-block: 0;
    column-gap: 10px;
}
/* The source hangs its arrows outside the cards, 25px wide, at the band edges. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-car-btn {
    width: 25px;
    height: 25px;
    font-size: 25px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #000000;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-car-prev { inset-inline-start: 0; }
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-car-next { inset-inline-end: 0; }
/* The track already reserves 20px under the cards; the dots belong INSIDE
   that strip. Left in flow they fell below it and, lifted out with no strip
   reserved, they landed across the portraits — hence 343 and 310 against the
   source's 318. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-carousel {
    position: relative;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
    margin-block: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-car-dots {
    position: absolute;
    inset-block-end: 4px;
    inset-inline: 0;
    margin: 0;
}
/* The source's action is an OUTLINED PILL, not a filled bar: 429x54,
   transparent, a 1px black hairline, a 35px radius, centred in the row.
   Reading the row's width as the button's width was wrong — the row is 1362,
   the pill inside it is 429. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-button {
    display: inline-block;
    width: auto;
    background: transparent;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 35px;
    padding: 15px 40px;
    text-align: center;
}

/* ---- Student-wall controls (section 9) -------------------------------- */
/* In the source the feed's own "load more" and subscribe controls sit inside
   the wall as one compact ~48px strip under the last tile row — the subscribe
   button measures 116x39. Ours rendered them as two full-width rows below the
   wall, adding ~100px the source does not have. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-more,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0 6px 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-button {
    min-height: 39px;
    padding: 8px 18px;
    font-size: 13px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-more {
    font-size: 13px;
    min-height: 39px;
}

/* ---- Student video tile treatment (section 9) ------------------------- */
/* Source-measured: each tile is 451x258 with a 5px inset, so the thumbnail
   inside is 441x248 and 5px of band shows between tiles — that inset is the
   gutter, not a grid gap. The wall's own wrap carries the same 5px, making it
   784 tall for three rows. The thumbnail is drawn at its own proportions, and
   the play mark is 57x50. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) {
    padding: 5px;
    /* content-box here made the wall 1372 wide, so each of the three tiles
       came out 453 against the source's 451 — a 2px error that ghosted the
       edges of every photograph in the band. */
    box-sizing: border-box;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) .pb-gallery-item {
    padding: 5px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) .pb-gallery-item img {
    /* The wall now carries the source's own hqdefault thumbnails, which are
       480x360; the tile is 16:9, so the frame is centre-cropped out of the 4:3
       canvas exactly as the source's feed plugin does. `fill` would squash it. */
    object-fit: cover;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-play .pb-gallery-item a::after {
    width: 57px;
    height: 50px;
}

/* ---- What Happens: card wrap at tablet (section 4) -------------------- */
/* The source keeps its card at a quarter of the measure at tablet — 241 of
   963 at 1024, 179 of 717 at 768 — and lets the fourth wrap onto a second
   line rather than squeezing four across. A quarter plus the 30px gutter
   cannot fit four, so auto-fill lands on 3 + 1 at both widths, exactly as the
   source does. Ours held four on one line at 218 and 157. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 {
        grid-template-columns: repeat(auto-fill, 25%);
        column-gap: 30px;
        /* Source-measured: the wrapped second row opens 106 under the tallest
           first-row card at 768 (31 + 44 + 31) but only 85 at 1024. */
        row-gap: 23px;
        justify-content: start;
    }
}

/* ---- Recent Posts grid (section 10) ----------------------------------- */
/* Source-measured: the feed sits in the band's measure less the usual 10px
   inset, four tiles across at 326 (441 at 1920, 226 at 1024) with a 19px
   gutter, square corners, and the grid begins 12px inside the feed. The
   feed's own "load more" and follow controls are a compact strip inside it,
   not two full-width rows below. Ours had 336 tiles, a 13px gutter and a 20px
   radius. Static snapshot only — no feed integration. */
body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery {
    margin-inline: 10px;
    padding-block-start: 12px;
    column-gap: 19px;
    row-gap: 19px;
}
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery {
        grid-template-columns: repeat(4, calc(23.96vw - 19px));
        justify-content: space-between;
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery-item img {
    border-radius: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0 6px 20px;
    min-height: 39px;
    font-size: 13px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
    padding: 8px 18px;
}


/* ---- Why Screening at phone widths (section 3) ------------------------ */
/* The source keeps its 10px content inset at 390 too: its row is 354 inside a
   374 band. Ours ran the full 374 and wrapped a line short. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) > .pb-section,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section,
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) > .pb-section,
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-heading {
        margin-inline: 10px;
    }
}

/* ---- Artwork caps ----------------------------------------------------- */
/* The source draws these four illustrations at a fixed 500x500 at every
   desktop width — verified at 1920, where ours had grown to 799 and made the
   online band 295px taller than the source's. Below 1025 the source scales
   them with the measure, which the tablet/phone blocks already state. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-image img,
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img,
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img,
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        max-width: 500px;
        width: 500px;
        height: 500px;
        object-fit: fill;
    }
}


/* ---- Phone typography ------------------------------------------------- */
/* The source's headings carry a unitless 1.2 line-height, so they reflow at
   the phone breakpoint; ours were pinned to the desktop pixel values and ran
   up to 3x too tall (the online H2 alone was 310 against the source's 122). */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root h1.pb-heading,
    body.page-asha-screening .pb-root h2.pb-heading,
    body.page-asha-screening .pb-root h4.pb-heading {
        line-height: 1.2;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) h2.pb-heading {
        font-size: 34px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        line-height: 20px;
    }
}

/* ---- Remaining typographic corrections -------------------------------- */
/* h4 rides 1.3, not the 36px we had. */
body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
    line-height: 1.3;
}
/* The "Each aspirant..." action sets its line-height to its own font size. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
    line-height: 17px;
}
/* The ticker item keeps 25/30 at every width in the source. */
body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-text {
    font-size: 25px;
    line-height: 30px;
}
/* The two lower booking CTAs match the hero CTA, not a small pill. */
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-button {
    font-size: 20px;
    line-height: 20px;
    min-width: 383px;
    padding-block: 16px;
}

/* ---- Heading measure -------------------------------------------------- */
/* Sections 4, 10 and 12 carry the same 10px content inset as section 3. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) h2.pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) h2.pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) h2.pb-heading {
        margin-inline: 10px;
    }
}

/* ---- Mentors strip geometry ------------------------------------------- */
/* Measured off the source's own swiper track at 1440: card 318x318, pitch
   328 (gutter 10), four cards spanning 1302 centred in the viewport. Ours ran
   the full 1362 measure, which fitted a fifth card's edge into the band. */
@media (min-width: 64.0625rem) {
}
/* The source parks its dots at the bottom-left of the strip, not centred. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-car-dots {
    justify-content: flex-start;
    padding-inline-start: 9px;
}

/* ---- Instagram / YouTube feed controls -------------------------------- */
/* These are the feed plugins' own buttons in the source, not page CTAs: a
   34px-tall 13px chip with 7px/14px padding and a 4px radius, paired on one
   centred row with a 9px gap. The pill styling here was mine, not the
   source's. `load_more` renders a .pb-more wrapper, which is block-level and
   has to go inline for the pair to share a row. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-more,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more {
    display: inline-block;
    margin: 0 9px 0 0;
    vertical-align: middle;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9),
body.page-asha-screening .pb-root > .pb-section:nth-child(10) {
    text-align: center;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-more .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    height: 34px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: none;
    padding: 7px 14px;
    border: 0;
    border-radius: 4px;
    margin: 0;
    vertical-align: middle;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9)  > .pb-more .pb-button { background: #333333; color: #FFFFFF; }
body.page-asha-screening .pb-root > .pb-section:nth-child(9)  > .pb-button          { background: #408BD1; color: #FFFFFF; }
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more .pb-button { background: #FFFFFF; color: #A78C72; }
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button          { background: #27282C; color: #FFFFFF; }

/* The two control families are typographically different in the source: the
   feed's own "Load More" is Cantarell 600 uppercase on 2px tracking, while
   the platform buttons beside them are Inter 400 as-typed. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9)  > .pb-more .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more .pb-button {
    font-family: Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9)  > .pb-button,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
    font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    min-height: 34px;
}

/* ---- Mentors strip, all widths ---------------------------------------- */
/* Measured across the six viewports, the source's strip is always the content
   measure less 60 (a 30px arrow gutter each side), carrying 4 / 2 / 1 square
   cards on a 10px gutter: 433 at 1920, 318 at 1440, 324 at 768, 294 at 390.
   The fixed 1302 below was only correct at 1440. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) > .pb-carousel {
    /* 40, not 30: the carousel's parent is the 1843 band, not the 1823 measure,
       so the arrow gutter has to absorb the extra 10 a side as well. */
    margin-inline: 40px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
    column-gap: 10px;
    grid-auto-columns: calc((100% - 30px) / 4);
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery .pb-gallery-item {
    height: auto;
    aspect-ratio: 1 / 1;
}
/* 1023, not 1024: the source is still on its four-up desktop strip at 1024. */
@media (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
        grid-auto-columns: calc((100% - 10px) / 2);
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery.pb-gallery-carousel {
        grid-auto-columns: 100%;
    }
}

/* ---- Recent posts wall, tablet ---------------------------------------- */
/* The source drops to 3 columns at 768 (tile 226 on a 246 pitch), not 4. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        row-gap: 20px;
    }
}
/* The source's mobile heading carries _margin_mobile 45/0/0/0 (MANIFEST [9]),
   which is why its first tile row starts 50px lower than ours did. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > h2.pb-heading {
        margin-block-start: 45px;
    }
}


/* ---- Students sub-line ------------------------------------------------ */
/* Comic Neue 21/22 at regular weight in the source; ours was 16 at 600. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-text {
    font-size: 21px;
    line-height: 22px;
    font-weight: 400;
}

/* ---- Reviews at tablet and phone (section 9, the flat carousel) -------- */
/* The source shows one card at a time, drawn at its native 600x1200 shape:
   606x1206 at 768 and 354x702 at 390 — the measure when the measure is
   narrower, capped at the asset's own width when it is not. Ours was running
   a 3:4 card (737x983 at 768), which is why this band read half the source's
   height on a phone. */
@media (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        /* The source runs this as a one-slide-at-a-time carousel (the manifest
           records slides_to_show 1), so a slot is the whole track and the card
           is centred inside it — no neighbour shows. Ours laid the cards end
           to end at 606 and so always showed the next one. */
        grid-auto-columns: 100%;
        column-gap: 0;
        justify-content: stretch;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item {
        width: auto;
        height: auto;
        aspect-ratio: auto;
        display: flex;
        justify-content: center;
        scroll-snap-align: center;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item img {
        width: min(100%, 606px);
        height: auto;
        aspect-ratio: 606 / 1206;
        object-fit: fill;
    }
}

/* ---- Students at phone widths ----------------------------------------- */
/* The source drops the video wall to a single column at 390 — one 334x188
   tile per row on a 200 pitch. Ours stayed two-up at 162 wide, which is why
   this band came out barely half the source's height. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) {
        grid-template-columns: 1fr;
        /* Source row pitch at 390 is 198 on a 188 thumbnail — the tile's own
           10px inset is the whole gap, so the grid adds none. */
        row-gap: 0;
    }
    /* The sub-line is 21/20 here, not 21/22; the extra 5px of leading was
       pushing the entire wall 5px low. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-text {
        line-height: 20px;
    }
    /* The review card keeps the 10px content inset here, as the wall does. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        margin-inline: 10px;
    }
}


/* ---- Who are we: body copy -------------------------------------------- */
/* Comic Neue at regular weight, leading equal to the size (20 at phone), not
   the 600/22 we were drawing. */
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
    font-weight: 400;
    line-height: 21px;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
        line-height: 20px;
    }
}


/* ---- Who are we: the tablet stack -------------------------------------- */
/* Measured against the source at 768 and 1024, where every part of this band
   sat too high: the pill by 50, the copy by 92 and the artwork by 100. The
   figures are the same at both widths, so this is one correction, not two. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-button {
        margin-block-start: 25px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:first-child {
        margin-block-start: 162px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block: 106px 40px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-button {
        margin-block-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block-start: 48px;
    }
}


/* ---- Buttons the source draws without a trailing arrow ----------------- */
/* The shared stylesheet appends a chevron to every .pb-button. The source
   carries one on the mentors and booking actions but NOT on these, and the
   extra glyph was widening each of them. Overridden here rather than in the
   shared sheet, which is out of scope for this page. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-button::after,
body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-button::after,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-button::after,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-more .pb-button::after,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-button::after,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-more .pb-button::after {
    content: none;
}

/* ---- What Happens: the intro pill and the card stack ------------------- */
/* The source sets this pill uppercase on 2px tracking and centres it, which
   is what makes it 1124 wide; ours ran left at 914 in sentence case. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child {
    text-align: center;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Source-measured: the card is 341 tall against our 314, and the closing
   panel 178 against our 138 — both are internal padding, not a forced height. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column {
        /* Re-measured at 1920 against the source's own row boxes: the cards
           row runs 285..581 around content that ends at 550 -- 31 top AND 31
           bottom, not 44. */
        padding-block: 31px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column {
        /* Closing panel 612..768 around 643..722: 31 above, 46 below. */
        padding-block: 31px 46px;
    }
}

/* The source opens this band 20px below its padding and leaves the same 20
   between the heading and the intro pill. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > h2.pb-heading,
body.page-asha-screening .pb-root > .pb-section:nth-child(4) h2.pb-heading {
    margin-block-start: 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child {
    margin-block-start: 24px;
}


/* ---- Booking and mentors at tablet and phone --------------------------- */
/* The source drops both bands' opening padding at these widths: booking runs
   10/0 and mentors 0/5vw, against the 70/10 and 50/(5vw+10) we were carrying
   down from the desktop rule. */

/* ---- Hero counters and CTA -------------------------------------------- */
/* Source-measured: the figure is Cinzel 45/54 at REGULAR weight (118 wide,
   not the 153 our bold face gave) and its label is set as typed, not
   uppercased on 0.88px tracking. The extra width is what pushed the fourth
   counter onto a second row where the source carries three across. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-number {
    font-weight: 400;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-label {
    text-transform: none;
    letter-spacing: normal;
}
/* The hero action is 383x52 on 15px/40px padding, and the source draws no
   chevron on it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-button {
    padding: 15px 40px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-button::after {
    content: none;
}

/* ---- Horizontal overflow guard ---------------------------------------- */
/* The vw-derived band paddings round up by a sub-pixel at 390, which showed
   as a 1px document scrollWidth. Clipped page-side rather than in the shared
   sheet; the ticker already clips its own track. */
body.page-asha-screening .pb-root {
    overflow-x: clip;
}

/* ---- Why Screening at 390: full band composition ----------------------- */
/* Measured element by element against the source at 390x844:
     heading  x3   y132  384x30   Cinzel 25/30 w500   (ours: x18 y20 354x42 w400)
     copy     x28  y172  334x137  Comic Neue 20/20 w400 in two paragraphs with
                                  bold runs (ours: one div at 16/22 w600)
     artwork  x28  y573  334x334  (ours: x18 y444 354x354)
   The band is 959 to our 845, and essentially all of that is the 112px the
   source leaves above its heading. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) h2.pb-heading {
        font-size: 25px;
        line-height: 30px;
        font-weight: 500;
        /* The source runs this heading wider than the copy measure: 384 from
           x3, where the band's own gutter starts the row at 18. */
        margin-inline: -15px;
        /* 120, not 112: the source opens its heading at y132 here, and this
           band paints at background-size: cover, so an 8px drift re-scales the
           texture across the whole band. */
        margin-block-start: 120px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text {
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        margin-inline: 10px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text strong,
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text b {
        font-weight: 700;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-image img {
        width: 334px;
        max-width: 334px;
        margin-inline: auto;
    }
}

/* ---- What Happens: card interior, matched to the source ---------------- */
/* Measured at 1440 and 390. The source insets its card COPY by 16 from the
   card edge while the title keeps 31 (title x70 w256, copy x55 w286 on a card
   at x39), so the two are not the same measure. Ours ran both at 31. */
/* `:last-child` missed the fourth card, whose copy is followed by the blockage
   list -- which is why that one card's copy and list both sat 15px in and 30
   narrow. Any .pb-text after the title is the copy. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text ~ .pb-text,
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-icon-list,
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text ~ .pb-text {
    margin-inline: -15px;
}
/* The source's dark cards are a 1px #9F5D5D ring around black, not flat. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column:nth-child(even) {
    background: #000000;
    border: 1px solid #9F5D5D;
}
/* The source's blockage list is a plain bullet list in Comic Neue 21/22 — not
   the shared check-glyph list. The glyph is dropped rather than the block
   being re-authored, so the list keeps its markup and keyboard behaviour. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list {
    list-style: disc outside;
    padding-inline-start: 40px;
    margin-block: 14px 0;
    gap: 14px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list-item {
    display: list-item;
    font-family: var(--scr-body, "Comic Neue"), cursive;
    font-size: 21px;
    line-height: 22px;
    font-weight: 400;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list-item .pb-icon {
    display: none;
}
/* The heading and the intro pill share section 4's first child, so the pill's
   own margin carries the source's 20px gap under the heading. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child {
    margin-block-start: 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
    margin-block-start: 20px;
}

/* ---- What Happens at 390 ---------------------------------------------- */
/* Source: heading 374x72 at x8 on 30/36 (ours 354x124 at 30/62); intro pill
   374x94 at x8; card titles 18/20, not the desktop 24/22; card copy 21/20. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) h2.pb-heading {
        line-height: 36px;
        margin-inline: -10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
        margin-inline: -10px;
        /* 374x94 around a 294x64 text block: the same 15/40 padding as the
           desktop pill, with the source's 16/16 leading. */
        line-height: 16px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text:first-child,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text:first-child {
        font-size: 18px;
        line-height: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column {
        /* 31 above the title, 45 under the copy — the source stacks its cards
           a little deeper on a phone than in the desktop row. */
        padding-block: 31px 40px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list-item {
        line-height: 20px;
    }
}

/* The source leaves 35 between a card's title and its copy; we had 10. The
   third card is the one exception -- the source opens its copy 14 under the
   title, not 35 -- and the fourth was missing the rule entirely because its
   copy is not the column's last child. */
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text ~ .pb-text,
body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text ~ .pb-text {
    margin-block-start: 25px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column:nth-child(3) > .pb-text ~ .pb-text {
    margin-block-start: 4px;
}

/* ---- Who are we at 390 ------------------------------------------------- */
/* The source keeps its 10px content inset here: copy 334 from x28 and the
   artwork 334 square, where ours ran the full 354 measure. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image {
        margin-inline: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
        width: 334px;
        max-width: 334px;
    }
}

/* ---- Quote CTA band at 390 (section 11) -------------------------------- */
/* Source-measured at 390x844:
     band     776 tall, no padding at all (ours carried 10/10)
     artwork  x40  y10   340x340   (ours x8 374x374)
     quote    x40  y458  310x111   Cardo 24/20 w700 (ours 374x168 at 24/34 w600)
     mark     x38  y568  314x155   (ours 374x125)
     action   x6   y706  378x50    Poppins 16/16 w600 (ours 285x45 at 13/13) */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) {
        padding-block: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        width: 340px;
        max-width: 340px;
        height: 340px;
        margin-inline: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 310px;
        margin-inline: auto;
        font-size: 24px;
        line-height: 20px;
        font-weight: 700;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:last-child .pb-image img {
        width: 314px;
        max-width: 314px;
        height: 155px;
        object-fit: fill;
        margin-inline: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        display: block;
        width: 378px;
        max-width: 378px;
        min-width: 0;
        height: 50px;
        margin-inline: auto;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        padding: 17px 40px;
    }
}

/* ---- Hero at 390 ------------------------------------------------------- */
/* Source-measured: heading 334x144 from x28 on 30/36 (ours 374x202 at 30/50);
   standfirst 274 from x58 at 19/20 regular (ours 374 at 16/22 semibold);
   action 314x66 from x38 with its label at Poppins 16/16 w600; and the
   counters indented to x138 at 35/42 with 16/19 labels, not 45/54 and 22/26. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) h1.pb-heading {
        width: 334px;
        margin-inline: auto;
        line-height: 36px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns .pb-text {
        width: 274px;
        margin-inline: auto;
        font-size: 19px;
        line-height: 20px;
        font-weight: 400;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        width: 314px;
        min-width: 0;
        height: 66px;
        min-height: 66px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        padding: 25px 40px;
    }
    /* :nth-child(n) matches the same element but carries the specificity of
       the desktop per-counter margins, which would otherwise win. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(n) {
        display: block;
        width: auto;
        /* Source counter pitch at 390 is 76: a 42 figure, a 19 label and 15
           between rows. Ours ran 91. */
        margin: 0 0 11px 130px;
        text-align: start;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-number,
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-label {
        display: block;
        text-align: start;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-number {
        font-size: 35px;
        line-height: 42px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter-label {
        font-size: 16px;
        line-height: 19px;
    }
}

/* ---- Online screening at 390 ------------------------------------------- */
/* Source: artwork 354 square from x18 at y22 (ours 374 from x8); H2 on 34/41
   (ours 34/62); body copy regular, not semibold; the closing question at
   24/31; and the action a 334x50 pill with a Poppins 16/16 w600 label, not
   the 285x45 13/13 chip the shared sheet gives it. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img {
        width: 354px;
        max-width: 354px;
        margin-inline: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) h2.pb-heading {
        line-height: 41px;
        margin-inline: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        font-weight: 400;
        margin-inline: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        font-size: 24px;
        line-height: 31px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-button {
        display: block;
        width: 334px;
        max-width: 334px;
        min-width: 0;
        height: 50px;
        margin-inline: auto;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        padding: 17px 40px;
    }
    /* The source hangs its quote artwork at x40, not centred, and opens it
       10px down. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        margin-inline: 40px 0;
        margin-block-start: 10px;
    }
}

/* The source opens this band 10px under its padding, which the band padding
   was previously absorbing; the padding itself is a clean 5vw. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > h2.pb-heading {
    margin-block-start: 10px;
}

/* ---- Hero artwork and text column at desktop --------------------------- */
/* Source-measured at 1920 and re-checked at 1440, where every figure comes
   back at exactly 0.75 of the 1920 value — the source scales this band with
   the viewport, so the measurements are expressed in vw rather than pinned:
     portrait  540x675 at 1920 / 405x506 at 1440  -> 28.125vw x 35.156vw
     blob      732x720                            -> 38.13vw x 37.50vw
     collage   595x744                            -> 30.99vw x 38.75vw
     badge     x1199 y492 (band-relative)         -> -4.48vw / 19.22vw
   The heading and standfirst are NOT pinned: the source lets them take the
   column measure, which is why its heading is two lines at 1920 and three at
   1440. Pinning 556px there was what pushed 1440 back out. */
@media (min-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child {
        position: relative;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        width: 28.125vw;
        height: 35.156vw;
        object-fit: cover;
        margin-inline-start: 0.68vw;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) {
        position: absolute;
        inset-block-start: -8.23vw;
        inset-inline-start: -5.16vw;
        width: 38.13vw;
        z-index: -1;
        pointer-events: none;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) .pb-image img {
        width: 38.13vw;
        height: 37.50vw;
        max-width: none;
        object-fit: cover;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 30.99vw;
        /* Recalibrated after the columns went gapless: the third column now
           starts 25px earlier, so the collage's own offset flips sign to keep
           it on the source's x1271. */
        margin-inline-start: 0.57vw;
        margin-block-start: 0.52vw;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 38.75vw;
        aspect-ratio: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-inline-start: -3.75vw;
        inset-inline-end: auto;
        inset-block-start: 19.22vw;
        inset-block-end: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns .pb-text {
        font-weight: 400;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        padding-inline: 56px;
    }
    /* The source's text column opens level with its artwork; ours carried 89px
       of dead space above the heading, which pushed the whole column low and
       left the band bottom-heavy. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        justify-content: flex-start;
        /* The row centres its columns; the source top-aligns this one, which
           is the 76px our heading was sitting below the source's. */
        align-self: start;
        /* The source's row is 892 tall at 1920 against a 754 content box, so
           the trailing space in this column is real composition, not slack:
           removing it took the band from +44 to -137 and the band's own
           texture, painted at background-size: cover, re-scaled with it. */
        /* The source opens its heading a constant 6.16vw into the row — 118 at
           1920, 89 at 1440, 84 at 1366 — and the column already carries an
           80px top padding, so the margin makes up the rest. Its trailing
           space solves to 141 / 107 at the two widest points (7.4vw); that
           space is real composition, not slack, and removing it took the band
           from +44 to -137 with the cover-scaled texture following it. */
        /* The 80px top padding this margin is calculated against is only set
           above 1025, so state it here too — otherwise at 1024 the column
           lands 79px high and takes the whole band with it. */
        padding-block-start: 80px;
        /* The 19px the action's wrapper and the counter block now open with
           is paid back here, so the band keeps the source's height. */
        margin-block: calc(6.16vw - 80px) calc(11.5vw - 19px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) h1.pb-heading {
        margin-block-start: 0;
    }
    /* Source rhythm in the text column: 19 under the heading, 20 under the
       action. Ours ran 8 and 8. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns .pb-text {
        margin-block-start: 11px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column > .pb-section > .pb-section:last-child {
        margin-block-start: 12px;
    }
}


/* ---- Hero artwork at 390 ----------------------------------------------- */
/* The source draws a phone-specific pair here: the portrait 354x443 from x18
   at y40, and the blob 367x365 hung at x12 y-115 — out of flow, bleeding off
   the top. Ours ran the desktop assets at 374x524 and 262x270 in flow, which
   is what pushed the heading 183px below the source's. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child {
        position: relative;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        width: 354px;
        height: 443px;
        max-width: 354px;
        object-fit: cover;
        margin-inline-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) {
        position: absolute;
        inset-block-start: -155px;
        inset-inline-start: 4px;
        width: 367px;
        z-index: -1;
        pointer-events: none;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) .pb-image img {
        width: 367px;
        height: 365px;
        max-width: none;
        object-fit: cover;
    }
}
/* The source's phone hero overlaps its heading onto the foot of the portrait
   (heading at y449 against artwork ending at 483); ours cleared it by 54. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        margin-block-start: -102px;
    }
}

/* ---- Mentors and quote at 390 ------------------------------------------ */
/* Mentors: the source's phone card is 274 square centred at x58, so the strip
   takes a 50px gutter here rather than the 40 the wider viewports use, and
   its heading keeps the 10px content inset.
   Quote: the artwork hangs at x40 (ours 48) and the source leaves 108 between
   it and the pull-quote, where we had 54. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(7) > h2.pb-heading {
        margin-inline: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        margin-inline: 32px 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        margin-block-start: 54px;
    }
}

/* ---- FAQ measure ------------------------------------------------------- */
/* The source insets the whole band by 10 and its question/answer rows by a
   further 16: heading 354 from x18, question 312 from x34, answer 322 from
   x34. Ours ran the full 374/354 measure at every row. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) > h2.pb-heading {
    margin-inline: 10px;
    /* The source opens the band 10 under its padding. */
    margin-block-start: 10px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
    margin-inline: 10px;
}
/* The source insets its question row 45 and its answer 21 at desktop, and
   both by 16 on a phone — not one figure at every width. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
    /* 20, not 45: the source's row padding is 20 and the 45 I first measured
       was the inner link's own inset on top of it. */
    padding-inline: 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-body {
    padding-inline: 21px;
}
@media (max-width: 47.9375rem) {
    /* The source's question row is 312 wide inside a 354 measure and its
       answer 322 — a 21px inset on the question, 16 on the answer. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
        padding-inline: 15px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-body {
        padding-inline: 16px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block: 12px 43px; }
}

/* ---- Booking band at 390 ----------------------------------------------- */
/* Source-measured: the band runs 10/0, the player sits in a 370x285 rounded
   frame at x10 y32 with the iframe 336x189 inside it (a 17px surround), and
   the action below is a 307x42 #696262 pill in Cinzel 18/18 w600 — not the
   383x74 outline our shared treatment gave it. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) {
        padding-block: 10px 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed {
        width: 370px;
        max-width: 370px;
        margin-inline: auto;
        padding: 17px;
        border-radius: 20px;
        margin-block-start: 22px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) iframe {
        width: 336px;
        height: 189px;
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button {
        display: block;
        width: 307px;
        max-width: 307px;
        min-width: 0;
        height: 42px;
        margin: -75px auto 17px;
        background: #696262;
        color: #FFFFFF;
        border: 0;
        border-radius: 30px;
        font-family: var(--scr-display);
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        padding: 12px 24px;
    }
}


/* ---- Why Screening: copy and heading, all widths ----------------------- */
/* The source sets this band's copy at 21 on a 22 leading in REGULAR weight
   (20/20 on a phone) and its heading at 500. Ours was running 16/22 at 600 —
   a third smaller and a weight heavier — which is why the band read wrong at
   every viewport and not only on the phone. */
body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text {
    font-size: 21px;
    line-height: 22px;
    font-weight: 400;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text strong,
body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text b {
    font-weight: 700;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(3) h2.pb-heading {
    font-weight: 500;
}
/* The source's copy column opens 20 further in than ours did. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        /* The source's copy runs x49..710 at 1440 (661 wide); ours started in
           the right place but stopped 5px short. */
        padding-inline-start: 20px;
        margin-inline-end: -5px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text {
        font-size: 20px;
        line-height: 20px;
    }
}
/* The source drops this band's text column 112 below its artwork at every
   viewport (heading y216 against artwork y116 at 1920, y158 against y58 at
   768, and the same 112 in the phone stack), and opens the artwork itself 20
   into the band. Ours ran both flush. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        margin-block-start: 112px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:last-child {
        margin-block-start: 20px;
        /* The source hangs this artwork at x811 at 1440; ours sat at 823. */
        padding-inline-end: 21px;
        /* The source closes this band 20 under its artwork; ours closed at 16,
           and because the band paints its texture at background-size: cover a
           4px height difference re-scales the whole tile and speckles every
           pixel of the band. */
        margin-block-end: 4px;
    }
}

/* ---- Mentors: the card's own inset -------------------------------------- */
/* The source's slot is 318 at 1440 but the portrait inside it is 298 — a 10px
   inset on every side, which is why this band sat at a flat ~15% across all
   six viewports while its track geometry already matched. */
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery .pb-gallery-item {
    padding: 10px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(7) .pb-gallery .pb-gallery-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* ---- Students: wall placement and the Subscribe chip -------------------- */
/* The source opens its wall 40 under the sub-line; ours ran 25, so all nine
   photographs sat 15px high and ghosted against the source's across the whole
   band. Its Subscribe chip is 116 wide because the plugin draws a play glyph
   before the label — reserved here so the pair centres where the source's
   does (582/743 rather than 595/755). */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery:not(.pb-gallery-carousel) {
    padding-block-start: 20px;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-button {
    padding-inline-start: 40px;
    position: relative;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-button::before {
    content: "";
    position: absolute;
    inset-inline-start: 14px;
    inset-block-start: 50%;
    width: 20px;
    height: 14px;
    margin-block-start: -7px;
    border-radius: 3px;
    background: #FFFFFF;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
    margin-block-end: -27px;
}

/* Source rhythm below the phone hero heading: 20 to the standfirst, 54 to the
   action, 20 to the first counter. Ours ran 8 / 28 / 8. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns .pb-text {
        margin-block-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        margin-block-start: 54px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns > .pb-column > .pb-section > .pb-section:last-child {
        margin-block-start: 20px;
    }
}

/* The source's phone hero closes with the SAME portrait crop it opened with —
   354x443 from x18, not the desktop collage at 374x468 — and keeps its badge
   inside the column rather than bleeding off the left edge. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 354px;
        max-width: 354px;
        margin-inline: 10px auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 443px;
        aspect-ratio: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-inline-start: auto;
        inset-inline-end: 8px;
    }
}
/* The source leaves 97 under the Who artwork on a phone; ours left 50. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block-end: 47px;
    }
}

/* ---- Online screening at desktop --------------------------------------- */
/* Source-measured at 1440: copy is REGULAR (ours ran 600, which is why its
   block came out 179 against the source's 45+67+22 across three paragraphs);
   the action is the same 383x52 Poppins pill as the hero, centred, not the
   shared 285x45 chip; the artwork opens 10 further in and 10 lower; and the
   text column sits 82 below where ours put it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
    font-weight: 400;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text strong,
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text b {
    font-weight: 700;
}
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-button {
        display: table;
        width: auto;
        min-width: 0;
        height: 52px;
        margin-inline: auto;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 15px 44px;
        border-radius: 35px;
        border: 1px solid var(--scr-ink);
        background: transparent;
        color: var(--scr-ink);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 > .pb-column:first-child {
        padding-inline-start: 10px;
        padding-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 > .pb-column:last-child {
        padding-block-start: 82px;
    }
}

/* ---- Quote CTA band, tablet and desktop (section 11) ------------------- */
/* Source-measured at 1440 / 1024 / 768. Everything inside is column-driven:
   the artwork is the column capped at the asset's own 500 (500 / 482 / 351),
   and the quote, mark and action sit under it. Only the 1440 column offsets
   are pinned; the tablet range centres instead, because pinning the 1440
   figures there put the mark 100px right of the source's. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) {
        padding-block: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        font-size: 24px;
        font-weight: 700;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:last-child .pb-image img {
        width: 314px;
        max-width: 314px;
        height: 155px;
        object-fit: fill;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        display: table;
        width: auto;
        min-width: 0;
        height: 52px;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 15px 44px;
        border-radius: 35px;
        border: 1px solid var(--scr-ink);
        background: transparent;
        color: var(--scr-ink);
    }
}
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        margin-inline-start: -19px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 571px;
        max-width: 571px;
        margin-inline-start: 47px;
        margin-block-start: 31px;
        line-height: 22px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:last-child .pb-image img {
        margin-inline-start: 176px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin: 40px auto -6px 142px;
    }
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        /* The source's artwork is 482 at 1024 and 351 at 768 — a shade wider
           than our column gave it, and opening 10 lower. */
        width: calc(100% + 26px);
        max-width: 500px;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-inline-start: -10px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: auto;
        max-width: none;
        margin-inline: 32px;
        margin-block-start: 7px;
        line-height: 21px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:last-child .pb-image img {
        margin-inline: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-inline: auto;
    }
}

/* ---- Hero column proportions ------------------------------------------- */
/* The source's three hero columns are effectively gapless — 566 + 656 + 615
   fills 1837 of the 1843 measure at 1920, and the same 30.7 / 35.6 / 33.4 split
   holds at 1440 and 1366. Ours ran the shared 30px grid gap, which took ~19px
   off every column, reflowed the heading and the standfirst, and left the row
   138-147px short of the source's. */
@media (min-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 {
        grid-template-columns: 30.7% 35.6% 33.4%;
        column-gap: 0;
    }
}

/* ---- Band texture anchor at phone widths -------------------------------- */
/* The source re-anchors its sand texture at the phone breakpoint: the hero to
   -33px 0, and What Happens and Who are we to 100% 50%. With a 1920x1080 tile
   repeating inside a 390px band, the anchor decides which part of the texture
   shows, so ours (0% 0%) speckled against the source's across the whole band —
   which is what held `who` at 27% with its height already exact. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1)  { background-position: -33px 0; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { background-position: 100% 50%; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { background-position: 100% 50%; }
}
/* Source rhythm in the online band at 390: artwork opens at y22 (ours 12) and
   the heading follows 20 under it (ours 54), which put every row below the
   artwork 24px low against the source's. The closing question keeps the 10px
   content inset here too. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img {
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) h2.pb-heading {
        margin-block-start: -26px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        margin-inline: 10px;
    }
}

/* The source closes the why band 52 under its artwork at 390; ours left 47,
   and the 4px band difference re-scaled the cover-painted texture. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-image img {
        /* The source sets its artwork at y573; our copy block runs 13px longer
           than its two paragraphs plus their gap, which carried the artwork
           down with it. */
        margin-block-start: -17px;
        margin-block-end: 10px;
    }
}

/* ---- Hero at 390: artwork placement and the third counter --------------- */
/* Source-measured: the portrait opens at y40 (ours 54), the collage at y1219
   (ours 1149), and the THIRD counter is set 30/36 where the others are 35/42 —
   which is why the source's fourth row follows 56 after it rather than 76. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        margin-block-start: -14px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        /* Source: collage at y1219 with 42 of band below it; ours opened at
           1149 and closed 11 under. */
        margin-block: 90px 31px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-counter:nth-child(3) .pb-counter-number {
        font-size: 30px;
        line-height: 36px;
    }
}
/* Quote band at 390: the source runs its mark straight off the pull-quote (no
   gap) and overlaps the action 17px onto the mark; ours left 8 and 60. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:last-child .pb-image img {
        margin-block-start: -8px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-block: -55px 20px;
    }
}
/* The FAQ question inset is 45 only at desktop; at tablet the source runs the
   same 21 it uses for the answer (question text at x46 in a row from x25). */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
        padding-inline: 15px;
    }
}
/* Quote artwork at 768: the source draws 351 from x40; the 1024 figures
   (482 from x40) over-widen it here. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-column:first-child .pb-image img {
        width: calc(100% + 20px);
        margin-inline-start: -5px;
    }
}

/* ---- What Happens at tablet, re-asserted -------------------------------- */
/* These were declared earlier but lost to later same-specificity blocks.
   Source at 768: intro pill 697 from x35 (the 10px content inset), card title
   24/21 and copy 21/21, and the card 447 tall against our 486. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:first-child .pb-button {
        margin-inline: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text:first-child,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text:first-child {
        line-height: 21px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list-item {
        line-height: 21px;
    }
    /* The 31/20 and 11/0 figures here were tuned against the SYNTHESISED
       Cinzel bold, which took an extra line in three of the four card titles.
       With the real weight loaded the source's own 31/31 and 31/46 hold at
       tablet exactly as they do at desktop. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column {
        padding-block: 31px;
    }
}

/* ---- Band-height parity at tablet, re-asserted -------------------------- */
/* An earlier version of this block was lost when the quote rules were
   restructured. Re-measured against the source at both tablet points, which
   need different figures: at 1024 we run +79 hero, +73 what, +42 booking, -25
   online, -27 students, -16 posts, +6 quote, -7 why; at 768 -45 what, +48
   booking, -47 online, -26 students, -16 posts, +9 quote. */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) { padding-block: 22px 10px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery { padding-block-end: 25px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 { padding-block-end: 25px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel { margin-block-end: 0; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button { margin-block-end: 8px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:last-child { margin-block-end: 21px; }
}
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) { padding-block: 15px 10px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery { padding-block-end: 25px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 { padding-block-end: 47px; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel { margin-block-end: 0; }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button { margin-block-end: 17px; }
}

/* ---- Booking band at tablet -------------------------------------------- */
/* The same composition the phone carries, at the source's tablet figures:
   band 10/0, a 728x488 rounded frame around a 694x390 iframe, and a 331x44
   #696262 pill in Cinzel 20/20 w600 — ours drew a 406x53 outline and no frame. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) {
        padding-block: 10px 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed {
        width: 728px;
        max-width: 728px;
        margin-inline: auto;
        padding: 17px;
        border-radius: 20px;
        margin-block-start: 50px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) iframe {
        width: 694px;
        height: 390px;
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button {
        display: block;
        width: 331px;
        max-width: 331px;
        min-width: 0;
        height: 44px;
        margin: -77px auto 17px;
        background: #696262;
        color: #FFFFFF;
        border: 0;
        border-radius: 30px;
        font-family: var(--scr-display);
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        padding: 12px 24px;
    }
}
/* Same at 1024, where the frame is 984x632 around a 950x534 iframe. */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) {
        padding-block: 10px 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed {
        width: 984px;
        max-width: 984px;
        margin-inline: auto;
        padding: 17px;
        border-radius: 20px;
        margin-block-start: 50px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) iframe {
        width: 950px;
        height: 534px;
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button {
        display: block;
        width: 331px;
        max-width: 331px;
        min-width: 0;
        height: 44px;
        margin: -77px auto 17px;
        background: #696262;
        color: #FFFFFF;
        border: 0;
        border-radius: 30px;
        font-family: var(--scr-display);
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        padding: 12px 24px;
    }
}
/* FAQ at 390, re-measured against the source's own boxes: its list runs the
   full 354 measure from x18 (ours 352 from 19), its open answer is 225 tall
   against our 214 -- 19.6px leading, not 20, and a 14.39px paragraph margin
   the nl2br body never had -- and the band closes 11 under the list. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
        padding-block-start: 3px;
        margin-inline: 10px;
        margin-block-end: 11px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content,
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-list {
        line-height: 19.6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 21.39px;
    }
}
/* The source's list closes AND opens on a rule; ours had a bottom border only,
   which is the 1px every row below the first inherited. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item:first-child {
    border-top: 1px solid rgb(213, 216, 220);
}

/* ---- Ticker row height ------------------------------------------------- */
/* The source's ticker is a swiper whose slide box (100 at 1920, 144 at 1024)
   is clipped to a fixed visible row by a -32/-37 margin pair: 31px at every
   width from 768 up except 1024-1088, where its slides wrap and the row opens
   to 75. Ours ran the full 52px line box, which is the 20px every band above
   768 was long. The phone row is 52 in the source too, so it is left alone. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee {
        height: 31px;
        display: flex;
        align-items: center;
    }
}
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(2) .pb-marquee {
        height: 75px;
    }
}

/* Online at 390: the source leaves 95 between its copy and the closing
   question and opens the action at y997; ours ran 51 and 948. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        margin-block-start: 65px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-button {
        margin-block-start: 47px;
    }
}

/* ---- Band-height parity at desktop, re-asserted ------------------------- */
/* Also lost in the quote restructure. Re-measured at 1920 / 1440 / 1366, where
   five bands are off by the SAME amount at all three widths — who short by 24,
   booking long by 23, online short by 13, posts short by 17, quote long by 6 —
   so these are single figures, not per-width guesses. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 {
        padding-block-end: 24px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) {
        padding-block: 47px 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 {
        padding-block-end: 13px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery {
        padding-block-end: 17px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) > .pb-section {
        margin-block-end: -6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        /* The source opens its stage 15px higher (active card y1405 against our
           1420); the band total stays put, so the lift is paid back below. */
        margin-block: -11px -29px;
    }
}

/* ---- Reviews stage: the source's strip is full-bleed -------------------- */
/* Component-level measurement of the students band showed the wall at 7-14%
   and the REVIEWS at 26-63% — the wall was never the contributor. The source
   shows FIVE cards (-61 / 300 / 660 / 1346 / 1707 at 1920), the outermost two
   clipped by the viewport itself; ours clipped at the 1823 measure and showed
   only the middle three, losing ~426px of visible card. The track is taken
   full-bleed so the same cards fall off the same edges. */
/* Corrected after a pixel read of the source's own rows: the stage's TRACK is
   laid out full-bleed -- which is what puts its cards on -61 / 300 / 660 /
   1346 / 1707 at 1920 -- but the source CLIPS it at the band's own 48..1871
   measure. Ours ran the clip full-bleed too and painted ~100px of card past
   each edge that the source leaves as background. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-carousel:has(.pb-gallery-coverflow) {
        width: auto;
        max-width: none;
        margin-inline: 9.6px;
        overflow-x: clip;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow {
        width: 100vw;
        max-width: 100vw;
        margin-inline: calc(50% - 50vw);
    }
}

/* The same stage lift at tablet and phone, where the source opens its card 12
   higher than ours did (768: y724 against 736; 390: y2109 against 2121). */
@media (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        margin-block: -12px 12px;
    }
}

/* ---- Booking player frame, re-asserted --------------------------------- */
/* The iframe was taking the frame's whole box (370x208 at 10,32) instead of
   sitting inside it: the source draws a 370x285 rounded frame at 10,32 with a
   336x189 player at 27,49. Declared on the element itself so the shared
   full-width embed rule cannot win. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video {
        height: 285px;
        box-sizing: border-box;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video iframe,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed iframe {
        width: 336px;
        height: 189px;
        max-width: 336px;
        display: block;
        position: static;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video {
        height: 488px;
        box-sizing: border-box;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video iframe,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed iframe {
        width: 694px;
        height: 390px;
        max-width: 694px;
        display: block;
        position: static;
    }
}
@media (min-width: 64rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video {
        height: 632px;
        box-sizing: border-box;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video iframe,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed iframe {
        width: 950px;
        height: 534px;
        max-width: 950px;
        display: block;
        position: static;
    }
}

/* ---- FAQ answer emphasis ------------------------------------------------ */
/* The source sets several runs inside each answer in bold — "Ashaeiynn", the
   institute description, "Third Eye activation, astral sciences, and ancient
   mystic vidyas", "Guru Tattva". Ours rendered the whole answer at one weight,
   which is why this band stayed 18-31% across every text column at 390 with
   its geometry already close. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-body strong,
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-body b {
    font-weight: 700;
}

/* The source's question row runs a 15px inline padding at every width and sets
   its open/closed mark in ~14px, not the 24 the shared list marker reserves —
   which is what left our question text 24px right of the source's. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary::before {
    width: 14px;
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
        padding-inline: 15px;
    }
}
/* The source's question rows sit at x18.8 y83.5 against our x17.8 y82. On a
   band this text-dense a 1px offset is worth double figures of mismatch on its
   own, which is why FAQ stayed high with its type, insets and marker matched. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
    margin-inline: 11px;
    padding-block-start: 4px;
}
/* The wall carries ten tiles initially, which is what the source renders at the
   phone breakpoint; from 768 up the source shows twelve, so the last two are
   revealed there. Load More still reveals them on a phone. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery-item[hidden] {
        display: block;
    }
}
/* Phone wall geometry: the source's two columns are 167 on a 20px gutter
   (354 measure), and its feed carries its pad BELOW the Load More strip --
   the source's control sits inside the feed, ours below it, so the same
   space has to be paid there rather than between the tiles and the button. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) .pb-gallery {
        column-gap: 20px;
        row-gap: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more {
        margin-block-end: 15px;
    }
}

/* ---- The wall's follow control carries the source's platform mark ------ */
/* Measured at every width: the source's control is 175 wide against our 151,
   because it opens with an inline Instagram glyph before the label. Drawing it
   as a masked ::before reproduces the composition without adding an asset. The
   pair also shares one top edge in the source; ours sat 3-10px apart because
   the wrapper's line box was taller than the button inside it. */
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more,
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
    vertical-align: top;
    line-height: 0;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button::before {
    content: "";
    flex: 0 0 auto;
    width: 14px;
    height: 16px;
    margin-inline-end: 10px;
    background-color: currentColor;
    -webkit-mask: var(--scr-ig-mark) center / contain no-repeat;
    mask: var(--scr-ig-mark) center / contain no-repeat;
}

/* ---- Hero at tablet: the source stacks the three columns ---------------- */
/* Measured at 768: the source does NOT run its hero three-up there. It keeps
   each column's percentage measure (30.7 / 35.6 / 33.4 of the 737 row = 226 /
   262 / 246) but stacks them in REVERSE document order, left-aligned:
   the collage opens the band at y73, the text column follows at y396, and the
   portrait pair closes it at y1650. Ours ran all three side by side, which is
   why the band came back 1580 against the source's 1948. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(1) {
        width: 30.7%;
        order: 3;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        width: 35.6%;
        order: 2;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(3) {
        width: 33.4%;
        order: 1;
    }
    /* The 18%/29% hang is the three-up composition's; stacked, the source runs
       its columns edge to edge (collage ends 395, text opens 396). */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        margin-block: 0;
    }
    /* At this measure the source's display heading sets one word per line and
       lets the long ones overrun their 162px box -- nine lines, not the twelve
       our break-word gave. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) h1.pb-heading {
        overflow-wrap: normal;
        word-break: normal;
    }
}

/* ---- Word breaking, page-wide ------------------------------------------ */
/* The shared sheet sets `overflow-wrap: break-word` on every .pb-text and
   .pb-heading. The source breaks at word boundaries only and lets a long word
   overrun its column, which is why our card titles took 7 and 8 lines at 768
   where the source takes 5 and 6, and the hero heading 12 where it takes 9. */
body.page-asha-screening .pb-root .pb-text,
body.page-asha-screening .pb-root .pb-heading,
body.page-asha-screening .pb-root .pb-accordion-body,
body.page-asha-screening .pb-root .pb-fancy {
    overflow-wrap: normal;
    word-break: normal;
}

/* ---- Hero at tablet: each column's own composition ---------------------- */
/* Source-measured at 768, band-relative:
     collage column  top 73  h322   photo 226x282 at [25,83]
     text column     top 396 h1254  h2 [65,443] 162x454, p [65,917] 162x105,
                                    action [85,1076] 243x92
     portrait column top 1650 h298  portrait 206x258 at [25,1660],
                                    ring 300x296 at [-18,1501]
   Ours carried the desktop sizes down, which is why every piece was 20-90px
   out and the band closed 368 short. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 226px;
        margin-inline-start: 10px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 282px;
        aspect-ratio: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(3) {
        padding-block-end: 30px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) h1.pb-heading {
        margin-block-start: 47px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns .pb-text {
        margin-block-start: 20px;
        line-height: 21px;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        padding-inline: 56px;
        margin-inline-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child {
        position: relative;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        width: 206px;
        height: 258px;
        max-width: 206px;
        object-fit: cover;
        margin-inline-start: 10px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) {
        position: absolute;
        inset-block-start: -149px;
        inset-inline-start: -33px;
        width: 300px;
        z-index: -1;
        pointer-events: none;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) .pb-image img {
        width: 300px;
        height: 296px;
        max-width: none;
        object-fit: cover;
    }
}

/* ---- Hero badge and sun at tablet -------------------------------------- */
/* Source-measured at 768: the badge is a 140x173 pill sitting at the TOP of
   the portrait ([11,86] against the photo's [25,85]), holding a 43px mark and
   the mark line at 25/30 -- not the shrunken 132x208 card the shared sheet
   drops to between 673 and 1088, which ours hung off the photo's foot. The
   source also drops the sun sketch entirely at this width; ours still drew a
   209px one over the band's left edge. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-inline-start: -14px;
        inset-inline-end: auto;
        inset-block-start: 1px;
        inset-block-end: auto;
        width: 140px;
        height: 173px;
        padding: 10px;
        gap: 20px;
        justify-content: flex-start;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge img {
        width: 43px;
        height: 43px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge p {
        font-size: 25px;
        line-height: 30px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-sun {
        display: none;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child {
        /* The source closes the band 30 under the portrait; the column already
           carries 16 of its own, so 14 makes up the rest. */
        padding-block-end: 14px;
    }
}

/* The stacked text column keeps the same 20px inset the action carries, and
   closes 92px under the last counter (source col2 396..1650, last counter
   ending 1554). */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-1 {
        padding-inline-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        padding-block-end: 92px;
    }
}

/* ---- Header band at tablet -------------------------------------------- */
/* Source-measured: the source's header is 97 tall at 768 on an 88x34 logo and
   107 at 1024 on a 118x45 one, against the fixed 122/167x64 we carried down
   from 1440. */
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .site-header-row { min-height: 97px; }
    body.page-asha-screening .site-brand-logo img { width: 88px; height: 34px; }
}
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .site-header-row { min-height: 107px; }
    body.page-asha-screening .site-brand-logo img { width: 118px; height: 45px; }
}

/* Stated after the desktop 11px inset so it wins on a phone: the source's FAQ
   list runs the full 354 measure from x18, and opens one pixel higher. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
        margin-inline: 10px;
        padding-block-start: 3px;
        margin-block-end: 10px;
    }
    /* The open answer is 225 tall in the source against our 224, and that one
       pixel put every row below it three out by the foot of the list. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        /* The answer's first line sits 2px HIGHER than the source's inside the
           same 7px inset; the two pixels are taken back at the foot so the
           rows below keep their positions. */
        padding-block-start: 9px;
        padding-block-end: 20.4px;
    }
}

/* ---- Quote band above 1088 --------------------------------------------- */
/* Source-measured at 1440: the band is 600 -- 50 above and 50 below its 500px
   logo row -- where ours closed 10 under it. Its pull-quote is 596 wide from
   x784 and sets in three lines (67); ours ran 571 from 796 and took four.
   At 1024 and below the source's own band is a different height, so this is
   stated only for the widths where it is 600. */
@media (min-width: 68.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) {
        padding-block-end: 40px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 596px;
        max-width: 596px;
        margin-inline-start: 35px;
        margin-block-start: 44px;
    }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 {
        row-gap: 44px;
    }
}

/* ---- Headings the source centres only on a phone ----------------------- */
/* Measured at 390 and re-checked at 768: the hero display line, the Why title
   and the Online title are centred at the phone breakpoint and left-aligned
   above it. Ours ran them left at every width -- the Why title's ink started
   at x3 against the source's x88. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) h1.pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) h2.pb-heading,
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        text-align: center;
    }
}

/* ---- Why Screening at tablet ------------------------------------------- */
/* The source sets this copy on 21px leading at both tablet widths, not the
   22 the desktop rule carries down, and its artwork runs 462 from x522 at
   1024 / 339 from x394 at 768 -- six wider than ours, hung from the same
   right edge. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text {
        line-height: 21px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:last-child .pb-image img {
        width: calc(100% + 6px);
        max-width: none;
        margin-inline-start: -6px;
    }
}

/* The source leaves 34 under the Why copy at both tablet widths (copy ends
   645 in a 679 band at 768, 532 in 566 at 1024). At 1024 ours already does;
   at 768 it closed 8 under the copy once the leading matched. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        margin-block-end: 26px;
    }
}

/* ---- FAQ rows: the source draws a box, and marks with a solid glyph ------ */
/* Re-measured at 390 against the source's own row: every row carries a LEFT
   and RIGHT rule as well as the bottom one, which is the frame around the list
   in the source that ours never drew. And its mark is a 17x14 solid plus (a
   Font Awesome glyph), not the thin 16px typographic "+" our summary drew --
   the two read very differently at this size, which is most of what the row
   diff was made of. */
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item {
    border-inline: 1px solid rgb(213, 216, 220);
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary::before {
    content: "";
    width: 17px;
    height: 14px;
    margin-block-start: 5px;
    background-color: #27282C;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M416%20208H272V64c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v144H32c-17.7%200-32%2014.3-32%2032v32c0%2017.7%2014.3%2032%2032%2032h144v144c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V304h144c17.7%200%2032-14.3%2032-32v-32c0-17.7-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M416%20208H272V64c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v144H32c-17.7%200-32%2014.3-32%2032v32c0%2017.7%2014.3%2032%2032%2032h144v144c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V304h144c17.7%200%2032-14.3%2032-32v-32c0-17.7-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item[open] > summary::before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M416%20208H32c-17.7%200-32%2014.3-32%2032v32c0%2017.7%2014.3%2032%2032%2032h384c17.7%200%2032-14.3%2032-32v-32c0-17.7-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M416%20208H32c-17.7%200-32%2014.3-32%2032v32c0%2017.7%2014.3%2032%2032%2032h384c17.7%200%2032-14.3%2032-32v-32c0-17.7-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* ---- Online band: artwork corners and the phone action ------------------ */
/* The source's artwork is not a uniform 20px round: it is 10 / 100 / 100 /
   100, a soft "leaf" shape, at every width. And its action is the same
   outlined pill on a phone as above 768 -- 334x50, 2px #000 on transparent,
   35px radius, 15/40 padding -- where ours dropped to the shared filled chip. */
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img {
    border-radius: 10px 100px 100px;
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-button {
        height: 50px;
        min-height: 50px;
        padding: 15px 40px;
        border: 2px solid #000000;
        border-radius: 35px;
        background: transparent;
        color: #000000;
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
}

/* ---- Quote band at 390 -------------------------------------------------- */
/* Source-measured: the pull-quote runs 330 from x30 on 19.6px leading and
   sets in five lines; ours ran 310 from x40 on 20 and took seven. The
   signature is a plain image with square corners, not the 20px round the
   shared sheet gives every figure. The action is the same outlined pill the
   Online band carries -- ours dropped to the filled chip here too. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 330px;
        max-width: 330px;
        margin-inline: 22px 0;
        line-height: 19.6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns > .pb-column:last-child .pb-image img {
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        height: 50px;
        min-height: 50px;
        padding: 15px 40px;
        border: 2px solid #000000;
        border-radius: 35px;
        background: transparent;
        color: #000000;
    }
}
/* Vertical rhythm of the same band, source-measured at 390: quote opens 464,
   signature 568 (6 under the quote), action 706 -- the action overlaps the
   signature's transparent foot by 17, which is why it cannot simply follow it. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        margin-block-start: 68px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns > .pb-column:last-child .pb-image img {
        margin-block-start: 6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-block-start: -35px;
    }
}

/* ---- Hero at desktop, re-measured band by band -------------------------- */
/* The single vw expressions held at 1920 and drifted badly below it: the
   badge sat 167-346px high at 1440/1366/1024, the collage ran 5-12 wide, the
   portrait opened 9 early at every width, and the sun sketch was drawn at
   209px where the source draws ~150 centred 54/75 inside the collage's corner.
   The source's badge `top` is a percentage of a container whose height changes
   with the heading's wrap, so it cannot be one vw figure; each width band
   states its own measured offset. */
@media (min-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        margin-block-start: 9px;
    }
    /* The source's ring is a square-cornered PNG; ours carried the shared 20px
       round. (It also rotates in the source, so its box is phase-dependent.) */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:nth-child(2) .pb-image img {
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-sun {
        width: 150px;
        height: 150px;
        inset-block-start: 0;
        inset-inline-start: -21px;
    }
    /* Source-measured at every desktop width: the counters open 20 inside the
       action's own edge. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-1 {
        padding-inline-start: 20px;
    }
}
@media (min-width: 100.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-block-start: 18.80vw;
    }
}
@media (min-width: 85.4375rem) and (max-width: 100rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-block-start: 31.04vw;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 30.63vw;
        margin-block-start: calc(0.52vw + 2px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 38.26vw;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        width: 352px;
        height: 72px;
        padding-inline: 40px;
    }
}
@media (min-width: 68.0625rem) and (max-width: 85.375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-block-start: 32.06vw;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 30.53vw;
        margin-block-start: calc(0.52vw + 2px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 38.21vw;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        width: 327px;
        height: 72px;
        padding-inline: 40px;
    }
}
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge {
        inset-block-start: 52.64vw;
        /* The shared sheet shrinks the badge to 132x208 between 673 and 1088;
           the source keeps its full 180x253 pill here. */
        width: 180px;
        height: 253px;
        border-radius: 100px;
        padding: 40px 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge img {
        width: 43px;
        height: 43px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-badge p {
        font-size: 25px;
        line-height: 30px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-media {
        width: 30.08vw;
        margin-block-start: calc(0.52vw + 4px);
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-hero-photo {
        height: 37.60vw;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:first-child > .pb-section:first-child .pb-image img {
        width: 27.54vw;
        height: 34.38vw;
    }
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        width: 243px;
        padding-inline: 40px;
    }
}
/* The action and the counter block both open lower in the source than the
   heading rhythm alone puts them: the action 9 under, the counters a further
   8 (measured identically at 1920, 1440 and 1366). */
@media (min-width: 64rem) {
    /* The selector reaches both the action's wrapper and the wrapper inside
       it, so the figure is stated as half the 9px the source measures. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) > .pb-section > .pb-section:first-child {
        padding-block-start: 3px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-1 {
        padding-block-start: 8px;
    }
}
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:first-child .pb-button {
        margin-inline-start: 16px;
    }
}
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) > .pb-section > .pb-section:first-child {
        padding-block-start: 0;
    }
}

/* ---- Reviews stage carries no visible controls in the source ------------ */
/* The source's swiper renders its prev/next buttons at 0x0 and shows no dots;
   ours drew two 44px dark discs at the band's edges and a four-dot rail under
   the stage -- the solid blocks the strip diff was made of. They stay in the
   document and come back on keyboard focus, so nothing is lost to a keyboard
   or touch user; they are simply not painted at rest, as in the source. */
/* Desktop only: at 768 and 390 the source's own strip DOES paint a next/prev
   control over the card, so hiding ours there lost a mark the source draws. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-btn,
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-dots {
        opacity: 0;
        transition: opacity .15s ease;
    }
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-btn:focus-visible,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-carousel:focus-within .pb-car-btn,
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-carousel:focus-within .pb-car-dots {
    opacity: 1;
}
/* The source's question ink opens 44-45 inside its row at every width from 768
   up (a 24px mark on a 20px row inset); ours ran 33 at 768 and 38 at 1440
   because the row kept a 15px inset at tablet and the mark was drawn at 17. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
        padding-inline: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary::before {
        width: 24px;
        height: 16px;
        margin-block-start: 4px;
    }
}
/* The source's list runs 717 from x25 at 768 (a 10px inset, the same one the
   phone carries); ours ran 715 from x26 and its longest answer took a sixth
   line for the sake of those two pixels. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion {
        margin-inline: 10px;
    }
}

/* ---- Who are we: the source's 10px content inset and its rhythm --------- */
/* Source-measured: the row runs 58..1861 in a 1920 band and 35..732 at 768 --
   a 10px inset on both edges that ours did not carry, so every element in the
   band sat 10 left. The copy is set on 22.4px leading at desktop and 19.6 at
   390 (ours ran 21 and 20), the copy opens 12 lower and the artwork 20. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 {
        margin-inline: 10px;
    }
}
@media (min-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
        line-height: 22.4px;
        margin-block-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
        /* The lift is paid back below so the band keeps the source's height. */
        margin-block: 20px -20px;
    }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
        margin-block-start: 2px;
        width: calc(100% + 4px);
        max-width: none;
        margin-inline-start: -5px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
        line-height: 19.6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
        margin-block-start: 5px;
    }
}
/* The source centres each card's title at the phone breakpoint only (ink at
   x91 in a 354 card); it is left-set at 768 and above, where ours already
   matches. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text:first-child,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text:first-child {
        text-align: center;
    }
}
/* The source's card copy is set on 19.6px leading at 390, not 20. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column > .pb-text ~ .pb-text,
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-icon-list-item {
        line-height: 19.6px;
    }
}

/* The stage opens 4 higher at 1920 than at the widths below it (source card
   tops: 1555 at 1920, 1272 at 1440, 1228 at 1366). */
@media (min-width: 100.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        margin-block: -15px -25px;
    }
}
/* At 1024 the source sets this copy on 21px leading, not the 22.4 it uses
   above 1088, and its artwork is 451 from x532 opening at y192. */
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-text {
        line-height: 21px;
        margin-block-start: 10px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-image img {
        margin-block: 2px -2px;
        width: calc(100% + 4px);
        max-width: none;
        margin-inline-start: -4px;
    }
}
/* The source sets the Why copy on 19.6px leading at 390 (ours ran 20), which
   is what put every line below the first one progressively lower. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text {
        line-height: 19.6px;
    }
}
/* The source opens its Why artwork at y573 in a 959 band at 390; ours closed
   the copy 5 lower (its blank line takes a full 19.6 where the source's
   paragraph margin is 14.39) and then ran the artwork 8 early. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:last-child {
        margin-block-start: 13px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) {
        padding-block-end: 36px;
    }
}

/* ---- Booking player frame and action ----------------------------------- */
/* The source draws a real frame around the player at every width: a 7px
   rgb(89,72,41) rule on a 20px radius with a 10px inner pad (1240x776 at
   1440, 370x285 at 390). Ours drew the iframe bare. Its action is Cinzel 600
   on 2px tracking; ours carried the shared 0.154em, which is what wrapped the
   phone label onto a second line inside the same 307x42 pill. */
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed {
    border: 7px solid rgb(89, 72, 41);
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button {
    letter-spacing: 2px;
    font-weight: 600;
}
/* Desktop is the same composition the phone and 1024 already carry: a 1240x776
   frame from y60 around a 1206x678 iframe, with the 331x44 action overlapping
   its foot at y775. Ours drew a bare 1206x678 player and a 390x53 pill below. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) {
        padding-block: 60px 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-video,
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-embed {
        width: 1240px;
        max-width: 1240px;
        height: 776px;
        aspect-ratio: auto;
        margin-inline: auto;
        margin-block-start: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) iframe {
        width: 1206px;
        height: 678px;
        max-width: 1206px;
        aspect-ratio: auto;
        display: block;
        position: static;
        border-radius: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(6) .pb-button {
        display: block;
        width: 331px;
        max-width: 331px;
        min-width: 0;
        height: 44px;
        margin: -77px auto 17px;
        background: #696262;
        color: #FFFFFF;
        border: 0;
    }
}
/* Online at 390, re-measured: the band title is centred (my earlier rule
   named the h4, but the title is the h2), the copy is set on 19.6px leading,
   and the closing question runs the full 374 from x8, not the 354 inset. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) h2.pb-heading {
        text-align: center;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) {
        padding-block-end: 3.7px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        line-height: 19.6px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        /* The selector reaches the heading and its wrapper, so the stated
           figure is half the 10px outset the source measures. */
        margin-inline: -3.3px;
        margin-block-start: 61px;
    }
}
/* At 1024 the action's wrapper carries no extra opening, so only the counter
   block's 8px is paid back. */
@media (min-width: 64rem) and (max-width: 68rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(1) .pb-columns.pb-cols-3 > .pb-column:nth-child(2) {
        margin-block-end: calc(11.5vw - 11px);
    }
}
/* Band-height parity at 390 after the leading corrections. Each band paints
   its sand texture at background-size: cover, so a band even two pixels off
   the source's height re-scales the tile and speckles every pixel in it. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(5) .pb-columns.pb-cols-2 > .pb-column:last-child {
        margin-block-end: 45px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) > .pb-section:last-child .pb-column {
        padding-block-end: 56px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) {
        padding-block-end: calc(11.7px + 21px);
    }
}

/* ---- Band-height parity at the two tablet points, re-measured ----------- */
/* Re-taken after the Cinzel/Cardo weights, the leading corrections and the
   booking frame landed: every band paints its texture at background-size:
   cover, so a band a few pixels off the source's height re-scales the tile
   across its whole area. Deltas are applied to each band's own closing
   padding; the source figure each one is aiming at is in the comment. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    /* 679 */ body.page-asha-screening .pb-root > .pb-section:nth-child(3)  { padding-block-end: 0; margin-block-end: -4px; }
    /* 1512 */ body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { padding-block-end: 45.4px; }
    /* 647 */ body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { padding-block-end: 80.8px; }
    /* 2013 */ body.page-asha-screening .pb-root > .pb-section:nth-child(9)  { padding-block-end: 61.4px; }
    /* 1213 */ body.page-asha-screening .pb-root > .pb-section:nth-child(10) { padding-block-end: 39.4px; }
    /* 626 */ body.page-asha-screening .pb-root > .pb-section:nth-child(11) { padding-block-end: 21px; }
    /* 946 */ body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block-end: 47.8px; }
}
@media (min-width: 60rem) and (max-width: 64rem) {
    /* 566 */ body.page-asha-screening .pb-root > .pb-section:nth-child(3)  { padding-block-end: 0; margin-block-end: -4px; }
    /* 1286 */ body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { padding-block-end: 53.2px; }
    /* 806 */ body.page-asha-screening .pb-root > .pb-section:nth-child(5)  { padding-block-end: 108.4px; }
    /* 2177 */ body.page-asha-screening .pb-root > .pb-section:nth-child(9)  { padding-block-end: 74.2px; }
    /* 993 */ body.page-asha-screening .pb-root > .pb-section:nth-child(10) { padding-block-end: 52.2px; }
    /* 582 */ body.page-asha-screening .pb-root > .pb-section:nth-child(11) { padding-block-end: 0; margin-block-end: -6px; }
    /* 902 */ body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block-end: 65.7px; }
}
/* The Why band closes on 0 padding at both tablet points, so its four-pixel
   overrun is taken off the copy column instead; the same for the quote's
   action at 1024. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        margin-block-end: 22px;
    }
}
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:last-child {
        margin-block-end: 17px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-block-end: 2px;
    }
}
/* Quote at 1024, source-measured: pull-quote 392 from x572 opening at y164,
   signature at y254, action at y452, and the band closes 50 under the 482px
   logo (ours ran 56). */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 392px;
        max-width: 392px;
        margin-inline-start: 32px;
        margin-block-start: 44px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns > .pb-column:last-child .pb-image img {
        margin-block-start: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-block-start: 41px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-columns > .pb-column:first-child {
        margin-block-end: -6px;
    }
}
/* Quote at 768, source-measured: pull-quote 267 from x441 at y164, signature
   at y296, action 347x72 at [401,494]. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-text {
        width: 267px;
        max-width: 267px;
        margin: 44px 32px 8px 35px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(11) .pb-button {
        margin-block-start: 41px;
        margin-block-end: -1px;
        margin-inline-start: -5px;
        width: 347px;
        max-width: 347px;
    }
}

/* ---- Band-height parity at the three desktop points --------------------- */
/* Re-taken after the same corrections: What closes 12 short of the source's
   873/892/885, the FAQ three long, and the students band four short below
   1600. Same reason as the tablet block -- the texture is cover-scaled. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(4)  { padding-block-end: calc(5vw + 12px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) { padding-block-end: calc(7vw - 6px); }
}
/* The students band closes four short of the source's 2424/2376 below 1600. */
@media (min-width: 64.0625rem) and (max-width: 100rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) {
        padding-block-end: calc(5vw + 4px);
    }
}

/* The "Reviews..." title opens 15 higher in the source than ours did (y1335
   against 1350 at 1920) while the stage below it stays put, so the lift is
   paid back in the same rule. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) > h2.pb-heading:nth-of-type(2) {
    margin-block: -5px 35px;
}

/* ---- Reviews side cards: the source paints them 258 wide, not 274 ------- */
/* Read off the source's own pixels with the stage pinned: its flanking cards
   span 300..558 and 1362..1620 at 1920 (258 wide on a 102px gap from the
   centre), where ours drew 274 on an 86px gap and so rendered the same
   screenshot ~6% wide. The DOM box reports 274 either way -- only the painted
   result differs -- so this is stated from the render, not the layout. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item img {
        width: 258px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-active img {
        width: 600px;
    }
}
/* The narrower card is centred in its 600px slot, so every offset moves 8px:
   the source's cards sit at -61 / 300 / [660] / 1362 / 1722 at 1920. */
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev img  { transform: translateX(69px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next img  { transform: translateX(-69px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev2 img { transform: translateX(308px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next2 img { transform: translateX(-309px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-prev3 img { transform: translateX(547px); }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-coverflow .pb-gallery-item.is-next3 img { transform: translateX(-547px); }
}

/* ---- Glyph rendering --------------------------------------------------- */
/* The source's body carries `-webkit-font-smoothing: antialiased`; ours ran the
   platform default, which renders every glyph on the page a shade heavier.
   Measured on one FAQ row at 390: 94 dark pixels on the source's last line
   against our 118 -- a difference that costs several points on every
   text-dense band and cannot be tuned away with weights or leading. */
body.page-asha-screening {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---- Reviews strip controls below 1025 --------------------------------- */
/* Source-measured at 390: a 31x31 transparent prev/next pair at [28,2447] and
   [331,2447], the inactive one at 0.3 opacity, and NO dot rail. Ours drew 34px
   dark discs 30px higher and a two-dot rail under the strip. */
@media (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-dots {
        display: none;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-btn {
        width: 31px;
        height: 31px;
        background: transparent;
        color: #27282C;
        box-shadow: none;
        border: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-prev {
        opacity: .3;
        inset-inline-start: 20px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-next {
        inset-inline-end: 20px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-btn {
        transform: translateY(23px);
    }
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-car-btn {
        transform: translateY(55px);
    }
}
/* The wall's own Load More sits 16 higher in the source at both small widths
   (y1995 at 390, y600 at 768); the lift is paid back so the Reviews title and
   the strip below it stay where they are. */
@media (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) > .pb-more {
        margin-block: -16px 16px;
    }
}
/* The phone/tablet strip's cards are 354x702 at 390 and 606x1206 at 768-1024
   in the source; ours came out 354.4x703.3 and 606x1204. On a screenshot this
   dense, resampling a 600x1200 original through a box even one pixel out
   re-renders every glyph. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item img {
        width: 354px;
        height: 702px;
        aspect-ratio: auto;
    }
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item img {
        width: 606px;
        height: 1206px;
        aspect-ratio: auto;
    }
}
/* The open answer is two pixels taller in the source at both tablet points
   (its first row runs 115..346 at 768 against our 115..344), and every row
   below inherits the difference. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 31.4px;
    }
}

/* ---- Paragraph rhythm in the Why and Online copy ----------------------- */
/* Each paragraph is now its own block, as in the source, so the gap between
   them is the source's 14.39px margin rather than a full blank line box. */
body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-text + .pb-text,
body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text + .pb-text {
    margin-block-start: 14.39px;
}
/* The Why copy opens 2 lower at both tablet points than the column rhythm
   alone puts it, and the band closes 6 further down at 768. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        padding-block-start: 2px;
    }
}
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(3) .pb-columns > .pb-column:first-child {
        margin-block-end: 26px;
    }
}

/* ---- Online at 768 ------------------------------------------------------ */
/* Source-measured: the artwork is 308 square from x25 and the copy 389 from
   x354 -- ours ran 305 and 392, which is why the closing line took one line
   where the source takes two. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 {
        grid-template-columns: 339px 399px;
        column-gap: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img {
        width: 308px;
        max-width: 308px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        width: 389px;
        max-width: 389px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        margin-block-start: 16px;
    }
    /* The 27 the closing question no longer carries is taken up by the action,
       which the source opens at y895 in a 986 band. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-button {
        margin-block-start: 47px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) {
        padding-block-end: 30.4px;
    }
}
/* ---- Online at 1024 ----------------------------------------------------- */
/* Source-measured: artwork 418 square from x30, copy 525 from x468, closing
   question at y672 and the action at y801 in a 904 band. */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-columns.pb-cols-2 {
        grid-template-columns: 448px 535px;
        column-gap: 0;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-image img {
        width: 418px;
        max-width: 418px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) .pb-text {
        width: 525px;
        max-width: 525px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > h4.pb-heading {
        margin-block-start: 37px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) > .pb-button {
        margin-block-start: 47px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(8) {
        padding-block-end: 43.2px;
    }
}
/* The same two pixels above the answer at every width from 768 up (measured by
   best-fit shift: the body sits 1-2px high against the source's), taken back
   at the foot so the rows below hold their positions. */
@media (min-width: 48rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-start: 17px;
        padding-block-end: 27.4px;
    }
}
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 29.4px;
    }
}
/* Card pitch at 390: the source stacks its cards 228 tall on a 258 pitch
   (a 30px gap); ours ran 226 on 255, so the third and fourth cards sat 7-11
   high by the foot of the stack. */
@media (max-width: 47.9375rem) {
    /* Re-read: the card's own closing padding is 31, the same as its opening;
       the extra 14 under cards 1-3 is their copy's own paragraph margin, which
       the fourth card (whose last child is the blockage list) does not carry.
       That is why a flat 40 or 42 made the fourth card 13 too tall. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column {
        padding-block: 31px 28px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 > .pb-column > .pb-text:last-child {
        margin-block-end: 14.39px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 {
        padding-block-start: 2px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(4) .pb-columns.pb-cols-4 {
        row-gap: 30px;
    }
}
/* The source's phone card sits at x17.8 -- the track's own left edge -- while
   ours was centred in a 354.4 slot and so landed on 18.0. Two tenths of a
   pixel re-phases the whole downscale of a 600x1200 screenshot: every glyph
   in the card renders against a different sample grid. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item {
        justify-content: flex-start;
    }
}

/* ---- Video wall tile height at the small widths ------------------------ */
/* The source's tile is 334.4x188 at 390 and 225.7x126 at 768; ours took its
   height from a 16/9 ratio and came out 188.1 and 127, which put every row
   below the first progressively low. */
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play .pb-gallery-item img {
        height: 188px;
        aspect-ratio: auto;
    }
    /* The wall also opens 1.4 lower than the source's; lifted without taking
       the space out of the band. */
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play {
        position: relative;
        inset-block-start: -1.4px;
    }
}
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play .pb-gallery-item img {
        height: 126px;
        aspect-ratio: auto;
    }
}
/* At 1024 the same tile is 307.6x173, opening at y197. */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play .pb-gallery-item img {
        height: 173px;
        aspect-ratio: auto;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play {
        position: relative;
        inset-block-start: -1.6px;
    }
}


/* ---- Video wall play mark ---------------------------------------------- */
/* The source draws the Font Awesome YouTube brand glyph in solid black -- a
   57x50 mark at 1920, 1024 and 390, and 45x40 at 768 -- centred in the tile.
   Ours drew the shared translucent 68x48 rounded rectangle with a white
   triangle, which is a different shape on all nine tiles of the wall. */
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-play .pb-gallery-item a::after {
    width: 57px;
    height: 50px;
    border-radius: 0;
    background: #000000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M549.655%20124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781%2064%20288%2064%20288%2064S117.22%2064%2074.629%2075.486c-23.497%206.322-42.003%2024.947-48.284%2048.597-11.412%2042.867-11.412%20132.305-11.412%20132.305s0%2089.438%2011.412%20132.305c6.281%2023.65%2024.787%2041.5%2048.284%2047.821C117.22%20448%20288%20448%20288%20448s170.78%200%20213.371-11.486c23.497-6.321%2042.003-24.171%2048.284-47.821%2011.412-42.867%2011.412-132.305%2011.412-132.305s0-89.438-11.412-132.305zm-317.51%20213.508V175.185l142.739%2081.205-142.739%2081.201z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M549.655%20124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781%2064%20288%2064%20288%2064S117.22%2064%2074.629%2075.486c-23.497%206.322-42.003%2024.947-48.284%2048.597-11.412%2042.867-11.412%20132.305-11.412%20132.305s0%2089.438%2011.412%20132.305c6.281%2023.65%2024.787%2041.5%2048.284%2047.821C117.22%20448%20288%20448%20288%20448s170.78%200%20213.371-11.486c23.497-6.321%2042.003-24.171%2048.284-47.821%2011.412-42.867%2011.412-132.305%2011.412-132.305s0-89.438-11.412-132.305zm-317.51%20213.508V175.185l142.739%2081.205-142.739%2081.201z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    transition: none;
}
body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-play .pb-gallery-item a:hover::after {
    background-color: #cc0000;
}
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery-play .pb-gallery-item a::after {
        width: 45px;
        height: 40px;
    }
}
/* The strip's card opens at y724 in the source at 768; ours at 721.2. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel {
        position: relative;
        inset-block-start: 2.8px;
    }
}
/* The wall's controls sit at y878 in the source at 1024; ours ran 24 lower.
   Lifted without taking the space out of the band, which already matches. */
@media (min-width: 60rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more,
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
        position: relative;
        inset-block-start: -24px;
    }
}
/* Same lift at the other widths: the source's controls open at y1111 in a 1213
   band at 768 and y1198 in a 1334 band at 1440. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more,
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
        position: relative;
        inset-block-start: -24px;
    }
}
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-more,
    body.page-asha-screening .pb-root > .pb-section:nth-child(10) > .pb-button {
        position: relative;
        inset-block-start: -15px;
    }
}

/* ---- Reviews card frame ------------------------------------------------ */
/* The source's card carries a 3px black border on a border-box img sized
   606x1206 (354x702 at 390) -- so its 600x1200 screenshot is drawn at its
   NATURAL size, one image pixel to one device pixel, with no resampling at
   all. Ours carried 1px, which left a 604x1204 content box and stretched the
   same PNG by a third of a percent: every glyph in the card was resampled,
   and the card's paint drifted from the source's by up to two pixels by its
   foot. With the border at 3px the two rasterisations are identical --
   measured 0.00% over the whole 606x1206 card. */
@media (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-carousel .pb-gallery-item img {
        border: 3px solid #000000;
    }
}
/* The wall opens 1.6 lower than the source's at 768 (restored after the
   phase experiment); lifted without taking the space out of the band. */
@media (min-width: 48rem) and (max-width: 59.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(9) .pb-gallery.pb-gallery-play {
        position: relative;
        inset-block-start: -1.6px;
    }
}

/* ---- FAQ row alignment, read off the source's own boxes ----------------- */
/* Ink-box comparison of the second question against the source's (identical
   text width, 552.691, so identical metrics): at 768 and 1024 our text starts
   1.5px further in, and each viewport's first row closes a fraction of a pixel
   away from the source's, which every row below inherits. */
@media (min-width: 48rem) and (max-width: 64rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-item > summary {
        padding-inline-start: 18.5px;
    }
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 28.79px;
    }
}
@media (min-width: 64.0625rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 29.97px;
    }
}
@media (max-width: 47.9375rem) {
    body.page-asha-screening .pb-root > .pb-section:nth-child(12) .pb-accordion-content {
        padding-block-end: 20.88px;
    }
}