/* Access Program: use the same global animated grid background as homePage.html. */

:root {
    --ptx-bg-color: #fbfaff;
    --ptx-bg-minor: #f7e591;
    --ptx-bg-major: #cef5d0;
    --ptx-bg-cross: #f1caf7;
    --ptx-bg-highlight: #c8f4f9;
    --ptx-bg-minor-op: 0.35;
}

html {
    background-color: var(--ptx-bg-color) !important;
}

body {
    background: transparent !important;
    background-color: transparent !important;
}

body::before {
    display: none !important;
}

main,
main > header,
main > section,
.band-soft,
.journey-flow,
#sustainable.school-id-gov-embed {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

#sustainable.school-id-gov-embed {
    --id-section-bg: var(--ptx-bg-color);
}

#sustainable.school-id-gov-embed .id-slider-wrap::before {
    background: linear-gradient(90deg, var(--ptx-bg-color) 0%, transparent 100%) !important;
}

#sustainable.school-id-gov-embed .id-slider-wrap::after {
    background: linear-gradient(270deg, var(--ptx-bg-color) 0%, transparent 100%) !important;
}

.card-fold .cut {
    fill: var(--ptx-bg-color) !important;
}

.band-dark,
.final-inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--ink) !important;
}

.band-dark::before,
.final-inner::before {
    display: none !important;
}

.split h2,
.final-inner h2 {
    color: var(--ink) !important;
}

.split .kicker {
    color: var(--green) !important;
}

.split .kicker::before {
    background: var(--green) !important;
}

main > section.quote {
    background: linear-gradient(160deg, #0b1020, #15203f 70%, #1c2b52) !important;
    color: #ffffff !important;
}

main > section.quote::before {
    display: block !important;
    background:
        radial-gradient(560px 360px at 88% -10%, rgba(255, 148, 148, 0.24), transparent 60%),
        radial-gradient(520px 360px at 4% 110%, rgba(30, 157, 104, 0.24), transparent 60%) !important;
}

main > section.quote blockquote {
    color: #ffffff !important;
}

main > section.quote .src {
    color: var(--lime) !important;
}

main > section.quote .src .dot {
    background: var(--lime) !important;
}

.split p,
.split .panel-note p,
.final-inner p,
.final-inner .mailnote {
    color: var(--ink-soft) !important;
}

.split .panel-note {
    background: rgba(255, 253, 249, 0.84) !important;
    border-color: var(--line) !important;
    box-shadow: var(--shadow-sm);
}

.split .panel-note h4 {
    color: var(--ink) !important;
}

#shareBtn {
    background: var(--ink) !important;
}

#shareBtn .lbl {
    color: #ffffff !important;
}

.final-inner .mailnote a {
    color: var(--ink) !important;
}