body { margin: 0; background: #fff; color: #16334c; font: 16px/1.65 Arial, sans-serif; }
.public-header, .public-content, .public-footer { max-width: 1040px; margin: 0 auto; padding: 24px; }
.public-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #cbd7e0; }
.public-header img { display: block; max-width: 100%; height: auto; }
.public-header nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.public-header a, .public-footer a { color: #003366; text-underline-offset: .2em; }
.public-header nav a, .public-footer a { display: inline-block; padding: 8px 0; }
.public-header [aria-current="page"] { font-weight: bold; }
.public-footer { border-top: 1px solid #cbd7e0; font-size: 14px; }
.public-footer p { margin: 0; }
a:focus-visible { outline: 3px solid #b75c17; outline-offset: 4px; }
.skip-link { position: absolute; left: 24px; top: -100px; padding: 12px; background: #003366; color: #fff; }
.skip-link:focus { top: 8px; }
@media (max-width: 640px) {
  .public-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .public-header, .public-content, .public-footer { padding: 20px; }
}