.site-nav-dialog { border: 1px solid #d7dce4; border-radius: 14px; padding: 28px; width: min(560px, calc(100vw - 32px)); max-height: 80vh; color: #172e4f; background: white; font-family: inherit; box-sizing: border-box; }
.site-nav-dialog::backdrop { background: rgb(15 30 50 / 45%); }
.site-nav-dialog form { float: right; }
.site-nav-dialog button { background: transparent; border: 0; padding: 10px; cursor: pointer; font-size: 18px; }
.site-nav-dialog h2 { margin: 0 40px 20px 0; }
.site-nav-content a { display: block; padding: 12px 0; color: #234e82; }
.site-nav-content p { line-height: 1.6; }
.search-panel { position: relative; }
.search-suggestions[hidden] { display: none; }
.search-suggestions { position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: min(420px, 55vh); overflow-y: auto; background: white; color: #172e4f; border: 1px solid #d7dce4; border-radius: 12px; padding: 8px; box-shadow: 0 12px 30px rgb(15 30 50 / 14%); z-index: 300; }
.suggest-item { display: block; padding: 12px; color: #172e4f; text-decoration: none; overflow-wrap: anywhere; }
.suggest-item:hover, .suggest-item:focus-visible { background: #eef3f8; }
.lang-switch { position: relative; }
.lang-current, .lang-option { font: inherit; color: inherit; border: 0; cursor: pointer; background: transparent; }
.lang-current { padding: 8px; white-space: nowrap; }
.lang-dropdown { display: none; position: absolute; top: 100%; right: 0; min-width: 120px; background: white; color: #172e4f; border: 1px solid #d7dce4; border-radius: 8px; padding: 4px; z-index: 1000; box-shadow: 0 8px 20px rgb(15 30 50 / 12%); }
.lang-switch.open .lang-dropdown { display: block; }
.lang-option { display: block; width: 100%; padding: 10px 12px; text-align: left; }
.lang-option:hover, .lang-option:focus-visible, .lang-option[aria-pressed="true"] { background: #eef3f8; }