.site-language { position: relative; font-size: .85rem; font-weight: 650; color: #18181b; }
.site-language summary { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; border: 2px solid #18181b; border-radius: .65rem; padding: .4rem .65rem; background: #fffdf7; cursor: pointer; list-style: none; }
.site-language summary::-webkit-details-marker { display: none; }
.site-language nav { position: absolute; right: 0; top: calc(100% + .5rem); z-index: 80; display: grid; min-width: 150px; padding: .35rem; border: 2px solid #18181b; border-radius: .65rem; background: #fffdf7; box-shadow: 3px 3px 0 #18181b; }
.site-language nav a { display: flex; align-items: center; min-height: 44px; padding: .4rem .6rem; border-radius: .4rem; }
.site-language nav a:hover, .site-language nav a[aria-current] { background: #e0e7ff; }
.site-language summary:focus-visible, .site-language a:focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; }
.english-destination { font-size: .85em; font-weight: 400; }
.language-nav { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; justify-content: flex-end; padding: 1rem 1.5rem; }
.language-nav + div { overflow-wrap: anywhere; }
.website-language-footer { display: flex; justify-content: center; padding-top: 1.5rem; }
.website-language-footer .site-language nav { top: auto; bottom: calc(100% + .5rem); }
html:not([lang="en"]) .mobile-system-card { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
@media (max-width: 819px) { html:not([lang="en"]) .mobile-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }