.service-public-shell { box-sizing: border-box; max-width: 1080px; margin: 0 auto; padding: 0 24px; color: #142d49; font: 16px/1.8 system-ui, sans-serif; }
.service-public-shell *, .service-public-shell *::before, .service-public-shell *::after { box-sizing: inherit; }
.service-public-shell a { color: #075cca; text-underline-offset: 4px; }
.service-public-shell a:focus-visible { outline: 3px solid #075cca; outline-offset: 4px; }
.service-public-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 16px; border-bottom: 1px solid #e2e8f0; }
.service-public-brand { display: block; width: 154px; }
.service-public-brand img { display: block; width: 100%; height: auto; }
.service-public-header > a:last-child { padding: 10px 0; white-space: nowrap; }
.service-public-intro { padding-block: 44px 36px; max-width: 780px; }
.service-public-eyebrow { margin: 0 0 12px; color: #075cca; font-size: 14px; font-weight: 700; }
.service-public-shell h1 { margin: 0 0 20px; font-size: clamp(28px, 4.2vw, 42px); line-height: 1.4; letter-spacing: -.03em; }
.service-public-shell h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.5; }
.service-public-shell p { margin: 0 0 20px; white-space: pre-line; }
.service-public-shell .service-public-primary { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 24px; border-radius: 10px; background: #075cca; color: white; font-weight: 700; text-decoration: none; }
.service-public-features { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding-block: 28px 36px; border-top: 1px solid #e2e8f0; }
.service-public-features a { display: inline-flex; align-items: center; min-height: 44px; }
.service-public-operator { border-top: 1px solid #e2e8f0; padding-block: 32px; }
.service-public-operator dl { margin: 20px 0; }
.service-public-operator dl > div { display: grid; grid-template-columns: 160px 1fr; gap: 16px; padding-block: 10px; }
.service-public-operator dt { color: #52657b; }
.service-public-operator dd { margin: 0; overflow-wrap: anywhere; }
.service-public-operator > p { color: #52657b; font-size: 14px; }
.service-public-footer { display: flex; align-items: center; flex-wrap: wrap; column-gap: 24px; border-top: 1px solid #e2e8f0; padding-block: 20px 32px; font-size: 14px; }
.service-public-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.service-public-footer small { width: 100%; margin-top: 12px; color: #52657b; }
@media (max-width: 680px) {
  .service-public-shell { padding-inline: 20px; }
  .service-public-intro { padding-block: 32px 24px; }
  .service-public-features { grid-template-columns: 1fr; gap: 32px; }
  .service-public-operator dl > div { grid-template-columns: 1fr; gap: 2px; }
}