.sr-subsite-page {
    --ss-accent: #2d8fd5;
    --ss-accent-soft: #e4f4ff;
}

.sr-subsite-bronze { --ss-accent: #9a6a3f; --ss-accent-soft: #f5eadf; }
.sr-subsite-teal { --ss-accent: #2f7a73; --ss-accent-soft: #e3f3f1; }
.sr-subsite-gold { --ss-accent: #a27b35; --ss-accent-soft: #f8efd9; }
.sr-subsite-cyan { --ss-accent: #1685a3; --ss-accent-soft: #e0f5fa; }
.sr-subsite-slate { --ss-accent: #526a85; --ss-accent-soft: #e8eef5; }
.sr-subsite-steel { --ss-accent: #466f96; --ss-accent-soft: #e5eff8; }
.sr-subsite-sky { --ss-accent: #4b94c4; --ss-accent-soft: #e5f3fb; }

.sr-subsite-page .ss-hero {
    background:
        radial-gradient(circle at 84% 10%, color-mix(in srgb, var(--ss-accent) 38%, transparent), transparent 30%),
        radial-gradient(circle at 8% 80%, rgba(45, 143, 213, 0.25), transparent 34%),
        linear-gradient(145deg, #061a37 0%, #0b3f78 62%, #102b50 100%);
}

.sr-subsite-page .sr-guide-split-marker {
    background: var(--ss-accent-soft);
    color: var(--ss-accent);
}

.sr-subsite-page .sr-guide-split-content li::marker,
.sr-subsite-page .sr-profile-topic {
    color: var(--ss-accent);
}

.ss-root-cta {
    background: linear-gradient(135deg, var(--ss-accent-soft), #eef7ff);
    text-align: center;
}

.ss-root-cta h2 {
    margin: 0;
    font: 700 clamp(30px, 4vw, 48px)/1.06 Georgia, "Times New Roman", serif;
}

.ss-root-cta p:not(.sr-kicker) {
    margin: 16px auto 24px;
    color: var(--sr-muted);
}

.ss-footer-grid {
    grid-template-columns: 1.4fr .8fr .8fr;
}

@supports not (background: color-mix(in srgb, white, black)) {
    .sr-subsite-page .ss-hero {
        background: linear-gradient(145deg, #061a37 0%, #0b3f78 62%, #102b50 100%);
    }
}

@media (max-width: 760px) {
    .ss-footer-grid { grid-template-columns: 1fr; }
}