.language-switch { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0; margin-inline-start: auto; max-width: 100%; vertical-align: middle; font-family: 'Silkscreen', monospace; font-size: 10px; line-height: 1.2; letter-spacing: 1px; } .language-switch a, .nav-strip .language-switch a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 8px; border: 1px solid var(--cream, #D6D0CA); background: var(--white, #FFFFFF); color: var(--navy, #1A2744); font: inherit; letter-spacing: inherit; text-decoration: none; box-shadow: none; transform: none; transition: none; } .language-switch a + a, .nav-strip .language-switch a + a { border-inline-start: 0; } .language-switch a[aria-current='page'] { background: var(--navy, #1A2744); color: var(--white, #FFFFFF); text-decoration: underline; text-underline-offset: 4px; } .language-switch a:hover, .nav-strip .language-switch a:hover { background: var(--blue, #4A6FA5); color: var(--white, #FFFFFF); } .language-switch a:focus-visible, .nav-strip .language-switch a:focus-visible { outline: 3px solid var(--blue, #4A6FA5); outline-offset: -4px; } .nav-strip:has(> .language-switch) { align-items: center; } .nav-strip > .language-switch { align-self: center; }  .brand-header--language-utility { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(88px, 1fr); column-gap: 8px; } .brand-header--language-utility > .logo-tile { grid-column: 2; grid-row: 1; margin-inline: 0; } .brand-header--language-utility > .language-switch { grid-column: 3; grid-row: 1; justify-self: end; align-self: start; margin: 0; } .brand-header--language-utility > :is(h1, .brand-wordmark, .tag) { grid-column: 1 / -1; }  .md-editor #md-app { grid-template-rows: auto 44px minmax(0, 1fr); } .md-editor[data-mode='read'] #md-app { grid-template-rows: auto 0 minmax(0, 1fr); } .md-topbar:has(> .language-switch) { min-height: 52px; padding-block: 2px; } .pdf-app-header:has(> .language-switch) { gap: 12px; } .pdf-app-header > .language-switch { margin-inline-start: 0; } .qr-topbar:has(> .language-switch) { column-gap: 12px; } .qr-header-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; } @media (max-width: 760px) {  .md-topbar:has(> .language-switch) { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 2px 8px; } .md-topbar > .md-brand { grid-column: 1; grid-row: 1; justify-self: start; } .md-topbar > .md-name { grid-column: 2 / 4; grid-row: 1; min-width: 0; } .md-topbar > .language-switch { grid-column: 4 / 6; grid-row: 1; justify-self: end; margin: 0; } .md-topbar > :is(.md-file-menu, .md-button) { grid-row: 2; min-width: 0; } .md-topbar > .md-file-menu > summary, .md-topbar > .md-button { width: 100%; min-height: 44px; padding-inline: 4px; font-size: 9px; } .md-topbar > .md-style-button { display: none; } .md-topbar #mode-toggle { min-width: 0; } .md-topbar > .md-brand { display: grid; place-items: center; width: 44px; height: 44px; } .md-topbar #document-name { min-height: 44px; } .md-topbar .md-menu-panel { position: fixed; top: 104px; right: 8px; max-height: calc(var(--app-height, 100dvh) - 116px); } .pdf-app-header:has(> .language-switch) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; } .pdf-app-header > .pdf-app-brand { grid-column: 1; grid-row: 1; } .pdf-app-header > .language-switch { grid-column: 2; grid-row: 1; justify-self: end; } .pdf-app-header > .pdf-app-title { grid-column: 1; grid-row: 2; } .pdf-app-header > .pdf-app-links { grid-column: 2; grid-row: 2; } .qr-topbar:has(> .language-switch) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; } .qr-topbar > .qr-brand { grid-column: 1; grid-row: 1; } .qr-topbar > h1 { grid-column: 2; grid-row: 1; } .qr-topbar > .language-switch { grid-column: 3; grid-row: 1; margin: 0; } .qr-topbar > h1 { min-width: 0; overflow-wrap: anywhere; } .qr-header-actions { grid-column: 1 / -1; justify-content: flex-end; } } @media (max-width: 620px), (pointer: coarse) { .md-editor #md-app { grid-template-rows: auto 48px minmax(0, 1fr); } .md-editor[data-mode='read'] #md-app { grid-template-rows: auto 0 minmax(0, 1fr); } } @media print { .language-switch { display: none; } }