:root {
  --ss-navy: #0B3558;
  --ss-blue: #0A67A3;
  --ss-ice: #EEF3F6;
  --ss-mist: #F7F9FA;
  --ss-ink: #18232D;
  --ss-border: #DCE4E9;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

.ss-topbar { font-size: .82rem; }
.ss-header { border-bottom: 1px solid var(--ss-border); background: rgba(255,255,255,.97); }
.ss-header .wp-block-site-title a { text-decoration: none; letter-spacing: -.02em; }
.ss-header .wp-block-navigation-item__content { text-decoration: none; }

.ss-eyebrow {
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: .78rem;
  font-weight: 800;
  color: var(--ss-blue);
}

.ss-hero {
  background: linear-gradient(135deg, #F8FAFB 0%, #EEF3F6 100%);
  border-bottom: 1px solid var(--ss-border);
}

.ss-hero h1 { max-width: 850px; letter-spacing: -.035em; }
.ss-hero p { max-width: 680px; }

.ss-card {
  height: 100%;
  border: 1px solid var(--ss-border);
  border-radius: 10px;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}
.ss-card:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(11,53,88,.10); border-color: #B9CBD8; }
.ss-card a { text-decoration: none; }

.ss-card-icon {
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ss-mist);
  color: var(--ss-navy);
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -.04em;
}

.ss-norm-card .ss-card-icon { min-height: 92px; font-size: 1.35rem; }
.ss-meta { font-size: .88rem; color: #5C6B77; }
.ss-section { padding-top: clamp(3rem, 6vw, 5.5rem); padding-bottom: clamp(3rem, 6vw, 5.5rem); }
.ss-section-tight { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.ss-section-alt { background: var(--ss-mist); }
.ss-rule { border-top: 1px solid var(--ss-border); }

.ss-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .45rem .7rem;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: #fff;
  font-weight: 650;
  font-size: .9rem;
}

.ss-info-panel {
  border-left: 4px solid var(--ss-blue);
  background: var(--ss-ice);
  padding: 1.25rem 1.4rem;
  border-radius: 0 8px 8px 0;
}

.ss-cta {
  background: var(--ss-navy);
  color: #fff;
  border-radius: 14px;
}
.ss-cta h2, .ss-cta h3, .ss-cta p { color: #fff; }
.ss-cta .wp-block-button.is-style-outline .wp-block-button__link { color:#fff; border-color:#fff; }

.ss-footer { background: #082B48; color: #fff; }
.ss-footer h2, .ss-footer h3, .ss-footer a, .ss-footer p { color: #fff; }
.ss-footer a { text-decoration-color: rgba(255,255,255,.4); }

.ss-breadcrumbs { font-size: .86rem; color: #647482; }

@media (max-width: 781px) {
  .ss-topbar { display:none; }
  .ss-section { padding-top: 2.8rem; padding-bottom: 2.8rem; }
  .ss-hero { text-align:left; }
}