:root {
  color-scheme: light;
  --hub-ink: #23354a;
  --hub-blue: #2563a6;
}
html, body {
  background: #f8fafc !important;
  color: var(--hub-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif !important;
}
#page_container {
  max-width: 1240px;
  margin-inline: auto;
  padding: clamp(20px, 4vw, 48px);
}
#information-widgets { padding-block: 16px 28px; }
.services-group { margin-bottom: 30px; }
.services-group h2 {
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .025em;
  color: #52677e;
}
.service-card {
  border: 1px solid #eaeaea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 112px;
  transition: border-color 150ms ease;
}
.service-card:hover { border-color: #adc9e7 !important; }
.service-title { color: var(--hub-ink); font-weight: 650; }
.service-description { color: #61748a; line-height: 1.6; }
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--hub-blue);
  outline-offset: 4px;
}
#footer { opacity: .7; }
@media (max-width: 640px) {
  #page_container { padding: 20px 14px; }
  .service-card { min-height: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}