/* Homepage section links stay in normal flow and wrap at any text size. */
.home-section-navigation {
    margin: 0 0 1.25rem;
    padding: .75rem;
    background: var(--navy);
    color: #f1d38a;
    border: 1px solid #bda56c;
    border-radius: var(--radius-md);
}
.home-section-navigation p { margin: 0 0 .4rem; font-size: .875rem; font-weight: 700; }
.home-section-navigation ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.home-section-navigation li { flex: 0 1 auto; min-width: 0; max-width: 100%; }
.home-section-navigation a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 1px solid #bda56c;
    border-radius: var(--radius-sm);
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
}
.home-section-navigation a:hover { background: var(--navy-light); text-decoration: underline; }
.home-section-navigation a:focus { outline: 3px solid #fff; outline-offset: 2px; text-decoration: underline; }
.home-section-destination { scroll-margin-top: var(--home-header-offset, 10rem); }
.home-section-destination:focus { outline: none; }
@media (min-width: 700px) {
    .home-section-navigation p { text-align: center; }
    .home-section-navigation ul { justify-content: center; }
}
@media (max-width: 699px) {
    .home-section-navigation li { flex: 1 1 calc(50% - .5rem); }
}