/* Shared navigation. Markup source: scripts/navigation.html. */
[data-nav] { background: #F3F1E9; -webkit-backdrop-filter: none; backdrop-filter: none; }
.home-width { width: min(100% - 48px, 1180px); margin-inline: auto; }
.home-nav-row { display: flex; height: 66px; align-items: center; justify-content: space-between; gap: 28px; }
.home-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.home-brand span { font: 700 15px 'JetBrains Mono', monospace; letter-spacing: .22em; }
.home-desktop-nav { display: flex; align-items: center; gap: 28px; }
.home-nav-actions { display: flex; align-items: center; gap: 12px; }
.home-language { display: inline-flex; padding: 2px; border: 1px solid #D6D0C4; border-radius: 50px; background: white; }
.home-language button { min-height: 40px; min-width: 40px; border-radius: 50px; font: 500 12px 'JetBrains Mono', monospace; cursor: pointer; }
.home-menu-button { display: none; width: 44px; height: 44px; border: 1px solid #D6D0C4; border-radius: 5px; background: white; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.home-menu-button span { width: 18px; height: 2px; background: #1A1A18; }
.home-mobile-nav { max-height: calc(100dvh - 67px); overflow-y: auto; border-top: 1px solid #D6D0C4; background: #F3F1E9; }
.home-mobile-nav .home-width { display: grid; gap: 4px; padding-block: 16px; }
.home-mobile-nav a { min-height: 44px; }
.home-mobile-nav details { border-top: 1px solid #D6D0C4; padding-block: 8px; }
.home-mobile-nav summary { padding-block: 12px; font-size: 14px; font-weight: 600; cursor: pointer; }
.home-mobile-nav details a { display: flex; align-items: center; padding-left: 16px; font-size: 14px; }
.home-button { display: inline-flex; min-height: 48px; justify-content: center; align-items: center; gap: 12px; padding: 12px 20px; border: 1px solid #C2492E; border-radius: 5px; background: #C2492E; color: #F3F1E9; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.home-button:hover { background: #A23A22; border-color: #A23A22; }
.home-button-secondary { color: #1A1A18; background: transparent; border-color: #706C65; }
.home-button-secondary:hover { color: #A23A22; background: white; }

.home-mobile-nav[hidden] { display: none; }
[data-nav] .nv[aria-current] { color: #A23A22; }
@media (max-width: 1100px) { .home-desktop-nav { display: none; } .home-menu-button { display: flex; } }
@media (min-width: 1101px) { .home-mobile-nav { display: none; } }
@media (max-width: 519px) {
 .home-width { width: calc(100% - 40px); }
 .home-nav-row, .home-nav-actions { gap: 8px; }
 .home-brand { gap: 8px; }
 .home-brand span { font-size: 12px; letter-spacing: .15em; }
 .home-nav-cta { display: none; }
 .home-language button { min-width: 34px; }
}