/* Compact language choices in the existing parchment/forest interface. */
.som-language { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; color: #efdfbe; font-family: "Alegreya Sans SC", Georgia, serif; }
.som-language-label { font-size: 14px; padding-inline: 3px; }
.som-language-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 5px 9px; border: 1px solid #876837; border-radius: 5px; color: #efe2c6; background: #1c201de8; font: 700 14px "Alegreya Sans SC", Georgia, serif; cursor: pointer; }
.som-language-button svg { display: block; width: 24px; height: 18px; flex: 0 0 24px; }
.som-language-button[aria-pressed="true"] { color: #ffdfa0; border-color: #d6b56b; background: #3a3024f0; box-shadow: inset 0 0 0 1px #d6b56b33; }
.som-language-button:hover { background: #4b3d2bf0; }
.som-language-button:focus-visible { outline: 2px solid #ffe7ad; outline-offset: 3px; }
.som-language-top { position: absolute; z-index: 3; top: calc(12px + env(safe-area-inset-top)); right: calc(14px + env(safe-area-inset-right)); padding: 5px 7px; border-radius: 7px; background: #142018d9; box-shadow: 0 3px 10px #0005; }
.som-language-note { flex-basis: 100%; font: 12px/1.3 "Alegreya Sans SC", Georgia, serif; color: #c9b98f; text-align: center; padding: 3px 0 6px; }
.w-menu .som-language { margin: 9px 0 5px; }
.som-language-document { justify-content: flex-end; margin: -5px 0 16px; color: #6b5442; }
@media (max-width: 480px) {
  .som-language-top { top: calc(6px + env(safe-area-inset-top)); right: calc(6px + env(safe-area-inset-right)); padding: 4px; gap: 4px; }
  .som-language-top .som-language-label { display: none; }
  .som-language-button { min-height: 34px; padding: 5px 7px; font-size: 13px; }
}
