/* Public content surfaces use one neutral white tint. Keep text fully opaque. */
.grey-site.glass-depth.public-site {
    --public-panel-white: rgba(255, 255, 255, .06);
    --alternating-panel-fill: var(--public-panel-white);
}

/* The outer frame should not add another tinted sheet behind every section. */
.grey-site.glass-depth.public-site .site-frame {
    background: transparent;
}

.grey-site.glass-depth.public-site .site-frame::before {
    background: none;
}

/* Content bands and banners. Hero, page heading, navigation and footer keep
   their own treatments and are deliberately absent from this list. */
.grey-site.glass-depth.public-site main > :is(
    .services-section, .knowledge-section, .delivery-section, .about-section,
    .content-section, .process-overview, .process-template-section,
    .capability-section, .project-section, .contact-layout, .auth-page,
    .article-listing, .tools-project-section,
    .site-ad:not([data-ad-placement="footer"]), .adsense-band, .adsterra-band
),
.grey-site.glass-depth.public-site :is(.insight-band, .data-strip, .portfolio-timeline-band),
.grey-site.glass-depth.public-site[data-page-template="article"] .article-page > :is(
    .article-summary-grid, .article-reading, .article-related, .article-comments,
    .article-credit, .article-accreditations, .article-support,
    .site-ad:not([data-ad-placement="footer"]), .adsense-band, .adsterra-band
) {
    background: var(--public-panel-white);
}

/* Nested reading and work panels share the same paint value. Home-page text
   groups stay unboxed so they continue to sit directly over the PC scene. */
.grey-site.glass-depth.public-site:not(.has-home-video) main :is(
    [class$="-panel"], [class*="-panel "],
    [class$="-pane"], [class*="-pane "],
    [class$="-card"], [class*="-card "],
    .service-grid > article, .delivery-steps > article,
    .capability-grid > article, .project-list > article,
    .article-summary-grid > section, .live-article-body,
    .comment, .comment-content, .comment-form, .contact-form,
    .related-empty, .accreditation-provider, .ai-band,
    .site-ad-inner
) {
    background: var(--public-panel-white);
}

.grey-site.glass-depth.public-site.has-home-video .site-ad:not([data-ad-placement="footer"]) .site-ad-inner {
    background: var(--public-panel-white);
}

/* Frost the two requested article div layers, leaving their text sharp. */
.grey-site.glass-depth.public-site[data-page-template="article"] .article-page > :is(
    .article-reading, .article-summary-grid
) {
    background: var(--public-panel-white);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

@media (prefers-reduced-transparency: reduce) {
    .grey-site.glass-depth.public-site {
        --public-panel-white: #fff;
    }

    .grey-site.glass-depth.public-site[data-page-template="article"] .article-page > :is(
        .article-reading, .article-summary-grid
    ) {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

/* The context sections immediately above the advert and footer are part of
   the dark footer treatment on every public page, including the homepage. */
.grey-site.glass-depth.public-site .site-frame > section:is(.insight-band, .data-strip) {
    background: rgb(37, 43, 40);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.grey-site.glass-depth.public-site .site-frame > section.insight-band {
    background: rgb(23, 26, 25);
    color: #d1d5d8;
    border-bottom-color: rgba(255, 255, 255, .12);
}

.grey-site.glass-depth.public-site .site-frame > .insight-band .section-index,
.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-index time {
    color: #aeb6b1;
}

.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-copy h2,
.grey-site.glass-depth.public-site .site-frame > .data-strip strong {
    color: #fff;
}

.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-copy > p:last-child,
.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-index > a,
.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-tags a {
    color: #d1d5d8;
}

.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-index > a,
.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-tags a,
.grey-site.glass-depth.public-site .site-frame > .data-strip > div {
    border-color: rgba(255, 255, 255, .16);
}

.grey-site.glass-depth.public-site .site-frame > .insight-band .insight-tags a {
    background: transparent;
}

.grey-site.glass-depth.public-site .site-frame > .data-strip {
    color: #fff;
}

.grey-site.glass-depth.public-site .site-frame > .data-strip span {
    color: #b5beb8;
}

/* Keep the image clear while giving Notes excerpts a readable white sheet. */
.grey-site.glass-depth.public-site[data-page-template="articles"] main .article-archive .article-card-body {
    background: rgba(255, 255, 255, .76);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Content advert bands are lighter than the surrounding page sections.
   The footer advert stays with the dark footer treatment. */
.grey-site.glass-depth.public-site main aside.site-ad[data-ad-placement],
.grey-site.glass-depth.public-site.has-home-video main aside.site-ad[data-ad-placement] {
    background-color: rgba(255, 255, 255, .34);
}