.header-content { flex-wrap: wrap; padding-block: 1rem; }
.company-name { color: inherit; text-decoration: none; }
.primary-navigation { flex: 1 1 16rem; }
.public-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.public-menu { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 0; margin: 0; }
.public-menu > li { max-width: 100%; overflow-wrap: anywhere; }
.public-menu a { display: inline-block; padding-block: .45rem; color: #006b76; text-underline-offset: .3rem; }
.menu-branch { font-size: .9rem; }
.menu-branch summary { cursor: pointer; color: #53656a; padding-block: .3rem; }
.menu-branch .public-menu { display: block; margin-inline-start: .65rem; padding-inline-start: .75rem; border-inline-start: 2px solid #dce7e8; }
.site-footer { border-top: 1px solid #dce7e8; padding-block: 2rem; background: #fff; }
.public-menu a:focus-visible, .menu-branch summary:focus-visible, .company-name:focus-visible { outline: 2px solid #0099a8; outline-offset: 3px; }
.visually-hidden, .skip-link { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link:focus { position: fixed; z-index: 100; top: .5rem; inset-inline-start: .5rem; width: auto; height: auto; clip-path: none; padding: .75rem; background: #fff; color: #006b76; }
@media (max-width: 48rem) {
    .header-content { gap: .75rem; }
    .primary-navigation { flex-basis: 100%; order: 3; }
    .public-header-actions { margin-inline-start: auto; }
}