.resources-modal {
    border: 0;
    margin: 0;
    max-width: none;
    max-height: none;
    background: transparent;
}
.resources-modal::backdrop { background: transparent; }
.resources-modal .feature-bio-modal__dialog {
    width: min(var(--container-tablet, 728px), 100%);
}
.resources-modal__content {
    padding: var(--space-large-desktop);
}
.resources-modal__content h3 {
    padding-right: var(--space-large-desktop);
    margin-bottom: var(--space-standard-desktop);
}
.resources-modal__fallback {
    margin-top: var(--space-standard-desktop);
}
@media (max-width: 767px) {
    .resources-modal__content { padding: var(--space-standard-desktop); }
}
@media (prefers-reduced-motion: reduce) {
    .resources-modal, .resources-modal .feature-bio-modal__dialog { transition: none; }
}

/* Cover the section body while retaining the original pixel silhouettes. */
.site-main .surface-image-secondary.surface-mask-primary::before {
 -webkit-mask-position: left top, left calc(var(--pixel-mask-primary-depth) - var(--pixel-seam-overlap)), right bottom;
 mask-position: left top, left calc(var(--pixel-mask-primary-depth) - var(--pixel-seam-overlap)), right bottom;
 -webkit-mask-size: var(--pixel-mask-primary-width) var(--pixel-mask-primary-depth), 100% calc(100% - (2 * var(--pixel-mask-primary-depth)) + (2 * var(--pixel-seam-overlap))), var(--pixel-mask-primary-width) var(--pixel-mask-primary-depth);
 mask-size: var(--pixel-mask-primary-width) var(--pixel-mask-primary-depth), 100% calc(100% - (2 * var(--pixel-mask-primary-depth)) + (2 * var(--pixel-seam-overlap))), var(--pixel-mask-primary-width) var(--pixel-mask-primary-depth);
}
.site-main .section-split-roadmap.surface-image-3::before {
 -webkit-mask-size: var(--pixel-corner-width) var(--pixel-corner-depth), 100% calc(100% - (2 * var(--pixel-corner-depth)) + (2 * var(--pixel-seam-overlap))), var(--pixel-corner-width) var(--pixel-corner-depth);
 mask-size: var(--pixel-corner-width) var(--pixel-corner-depth), 100% calc(100% - (2 * var(--pixel-corner-depth)) + (2 * var(--pixel-seam-overlap))), var(--pixel-corner-width) var(--pixel-corner-depth);
}
.site-main .section-resources:not(.section-additional-resources)::before {
 -webkit-mask-size: var(--pixel-corner-width) var(--pixel-corner-depth), 100% calc(100% - var(--pixel-corner-depth) + var(--pixel-seam-overlap));
 mask-size: var(--pixel-corner-width) var(--pixel-corner-depth), 100% calc(100% - var(--pixel-corner-depth) + var(--pixel-seam-overlap));
}
.section-guide-preview .ccm-block-feature-link:has(.wys-download-pending) { display: inline-block; margin-right: 12px; margin-bottom: 12px; }
.section-guide-preview .wys-download-pending { opacity: .55; cursor: not-allowed; }

/* WYS mobile actions: readable labels and generous touch targets. */
@media (max-width: 767px) {
    .site-main .resource-card .ccm-block-feature-text > p > a,
    .site-main .btn,
    .site-main .hero .ccm-block-feature-link .btn,
    .site-main .feature-link-small .ccm-block-feature-link .btn,
    .site-main .feature-link-small.ccm-block-feature-link .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px !important;
        min-width: 48px;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        padding: 12px 20px !important;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }
    .titlebar-fixed-action {
        min-height: 48px !important;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        padding: 12px 16px;
        max-width: calc(100% - 32px);
        white-space: normal;
        text-align: center;
    }
}

/* Conversation starter heading and paired audience actions. */
.site-main .section-guide-preview > .container > .row > :nth-child(2) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--space-small-desktop);
    align-content: center;
}
.site-main .section-guide-preview > .container > .row > :nth-child(2) > :not(.feature-link-small) {
    grid-column: 1 / -1;
}
.site-main .section-guide-preview h4.ccm-block-page-title {
    color: var(--color-brand-accent);
    margin-top: 40px !important;
    margin-bottom: 24px;
}
.site-main .section-guide-preview .feature-link-small {
    margin-top: 0 !important;
    min-width: 0;
}
.site-main .section-guide-preview .ccm-block-feature-link {
    display: block;
    margin: 0;
    height: 100%;
}
.site-main .section-guide-preview .ccm-block-feature-link-text,
.site-main .section-guide-preview .ccm-block-feature-link .mt-4 {
    height: 100%;
    margin: 0 !important;
}
.site-main .section-guide-preview .feature-link-small .btn {
    width: 100%;
    height: 100%;
    min-height: 48px !important;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
    background: var(--color-brand-primary);
    color: var(--color-neutral-0);
    opacity: 1 !important;
}
@media (max-width: 767px) {
    .site-main .section-guide-preview > .container > .row > :nth-child(2) {
        grid-template-columns: minmax(0, 1fr);
    }
    .site-main .section-guide-preview .feature-link-small + .feature-link-small {
        margin-top: var(--space-small-mobile) !important;
    }
}

/* Stack the What You Need cards at full container width on mobile. */
@media (max-width: 767px) {
 .site-main .section-feature-grid .feature-grid-cards .row > [class*="col-"] {
     flex: 0 0 100%;
     width: 100%;
     max-width: 100%;
     min-width: 0;
 }
 .site-main .section-feature-grid .signal-card {
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
 }
}