.language-switch { position: relative; font: 14px/1.4 system-ui, sans-serif; flex: 0 0 auto; z-index: 30; border: 0; margin: 0; padding: 0; }
.language-switch summary { cursor: pointer; list-style: none; border: 1px solid #978065; border-radius: 24px; padding: 9px 13px; background: #fffaf0; white-space: nowrap; }
.language-switch summary::-webkit-details-marker { display: none; }
.language-switch nav { position: absolute; right: 0; top: calc(100% + 8px); display: grid; min-width: 150px; padding: 7px; border: 1px solid #b9a78a; border-radius: 14px; background: #fffaf0; box-shadow: 0 8px 22px #2b201633; }
.language-switch a { display: block; padding: 9px 12px; text-decoration: none; color: #30271e; border-radius: 8px; }
.language-switch a:hover, .language-switch a[aria-current] { background: #e9deca; }
.language-switch a:focus-visible, .language-switch summary:focus-visible { outline: 3px solid #b38130; outline-offset: 2px; }
.directory-header { gap: 14px; flex-wrap: wrap; }
.directory-header .back-link { margin-left: auto; }
.locale-note { text-align: center; font: 13px/1.6 system-ui, sans-serif; opacity: .75; margin: 10px 16px 20px; }
html:not([lang="ja"]) body:not(.lp) { font-family: 'Trebuchet MS', Arial, sans-serif; }
/* Menus must extend beyond the rounded header, including on small phones. */
.site-header, .nav { overflow: visible; }
@media(max-width:700px) {
  .language-switch { font-size: 12px; }
  .language-switch summary { padding: 7px 9px; }
  .directory-header .language-switch { margin-left: auto; }
}