/* Public white surfaces retain their own layout and readable navy foreground. */
body.sx-site {
  --sx-white-glass: linear-gradient(135deg,rgba(255,255,255,.97),rgba(250,250,249,.9));
}
body.sx-site #main .sx-finance-layout {align-items:start;}
body.sx-site.resource-family:not(.resource-guide) #main .resource-hero h1 {
  font-size:clamp(2.25rem,5.1vw,4.1rem);
}
body.sx-site #main .sp-card,
body.sx-site.resource-family #main .guide-contents,
body.sx-site.resource-family #main .guide-key-points,
body.sx-site.resource-family #main .resource-section .resource-card {
  background:var(--sx-white-glass);
  border-color:#d8dde3;
  box-shadow:inset 0 1px 0 #fff,0 8px 24px #0b203e08;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
body.sx-site.resource-family #main .guide-key-points {border-left-color:var(--orange);}
body.sx-site.resource-family #main .resource-card-arrow {color:var(--orange);}
@media(prefers-reduced-transparency:reduce) {
  body.sx-site {--sx-white-glass:#fff;}
}
/* Educational sections: clear topic cards followed by distinct space/local navigation. */
body.sx-site #main .sx-learning {background:#fff;color:#102441;}
body.sx-site #main .sx-learning-intro {max-width:780px;margin-bottom:32px;}
body.sx-site #main .sx-learning h2 {font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;margin:18px 0;}
body.sx-site #main .sx-learning h2 em,
body.sx-site #main .coverage-other-regions h2 em {color:var(--orange);font-style:normal;}
body.sx-site #main .sx-learning h3 {font-size:1.2rem;line-height:1.35;margin:0 0 18px;}
body.sx-site #main .sx-learning-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.sx-site #main a.sx-learning-card {display:grid;grid-template-columns:1fr auto;align-content:start;gap:18px;padding:24px;border:1px solid #d8dde3;border-radius:20px;background:var(--sx-white-glass);box-shadow:0 8px 24px #0b203e08;color:#102441;text-decoration:none;min-width:0;}
body.sx-site #main .sx-learning-icon {grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:0;background:transparent;color:var(--orange);}
body.sx-site #main .sx-learning-label {font-size:1.1rem;font-weight:750;line-height:1.4;}
body.sx-site #main .sx-learning-arrow {align-self:center;color:var(--orange);}
body.sx-site #main .sx-learning-arrow svg {width:22px;height:22px;}
body.sx-site #main .sx-learning-card:hover .sx-learning-label {text-decoration:underline;}
body.sx-site #main .sx-learning-locations {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding-top:28px;border-top:1px solid #d8dde3;}
body.sx-site #main .sx-learning-locations ul {list-style:none;padding:0;margin:0;display:grid;gap:8px;}
body.sx-site #main .sx-learning-locations li {margin:0;}
body.sx-site #main .sx-learning-locations a {display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 0;color:#102441;font-size:1rem;line-height:1.45;text-decoration:underline;text-underline-offset:4px;}
body.sx-site #main .sx-learning-locations svg {flex:0 0 24px;width:24px;height:24px;color:var(--orange);}
/* Regional navigation is a separate white section, outside the guides panel. */
body.sx-site #main .coverage-other-regions {background:#fff;color:#102441;padding-top:24px;}
body.sx-site #main .coverage-other-regions .region-chooser {margin:0;}
body.sx-site #main .coverage-other-regions h2 {color:#102441;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;margin:18px 0 28px;}
body.sx-site #main .coverage-other-regions .design-kicker {color:#526075;}
body.sx-site #main .coverage-other-regions .region-card-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.sx-site #main .coverage-other-regions .region-card {display:grid;grid-template-columns:84px minmax(0,1fr);background:var(--sx-white-glass);color:#102441;border:1px solid #d8dde3;box-shadow:0 8px 24px #0b203e08;border-radius:20px;}
body.sx-site #main .coverage-other-regions .region-card>img {width:100%;height:100%;min-height:144px;aspect-ratio:auto;object-fit:cover;}
body.sx-site #main .coverage-other-regions .region-card-caption {background:transparent;color:#102441;padding:18px 14px;min-height:144px;gap:10px;font-size:1.05rem;}
body.sx-site #main .coverage-other-regions .region-card-copy {color:#102441;}
body.sx-site #main .coverage-other-regions .region-card-copy>span {color:#526075;font-size:.88rem;}
body.sx-site #main .coverage-other-regions .region-card-copy>span:nth-child(2) {display:none;}
body.sx-site #main .coverage-other-regions .region-card-action {color:#102441;}
body.sx-site #main .coverage-other-regions .region-card-arrow {width:32px;height:32px;background:transparent;color:var(--orange);border:0;box-shadow:none;flex:0 0 32px;}
body.sx-site #main .coverage-resource-panel .resource-card-arrow {color:var(--orange);}
@media(max-width:900px){body.sx-site #main .coverage-other-regions .region-card-grid{grid-template-columns:1fr;}}
@media(max-width:640px){
 body.sx-site #main .sx-learning-grid{grid-template-columns:1fr;gap:12px;}
 body.sx-site #main a.sx-learning-card{grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:18px;}
 body.sx-site #main .sx-learning-icon{grid-column:auto;width:44px;height:44px;}
 body.sx-site #main .sx-learning-label{font-size:1rem;}
 body.sx-site #main .sx-learning-locations{grid-template-columns:1fr;gap:24px;}
 body.sx-site #main .coverage-other-regions .region-card-caption{min-height:120px;}
 body.sx-site #main .coverage-other-regions .region-card>img{min-height:120px;}
}
body.sx-site #main .coverage-other-regions .region-card-caption {text-shadow:none;}