/* ax-font.css - language lists keep the right Han order per entry (every entry carries its own lang); everything else uses var(--font-axtlanic)
   set in the site's own CSS. Kit: /assets/fonts/axtlanic/css/axtlanic.css (self-hosted, SIL OFL 1.1). */
a[hreflang][lang], .edition-panel [lang] { font-family: var(--font-axtlanic, system-ui, sans-serif); }
/* Privacy panel (the Google measurement choice, shared/site-utilities.mjs appends .site-measurement to <body>). PRE-EXISTING on live, fixed here: pages whose <body> carries the
   desk class (".fact-desk[data-redesign="3"] :is(input, select, textarea) { width: 100%; min-height: 44px }" and its siblings) also matched the panel's two checkboxes, which became
   44 px tall white boxes as wide as the panel and pushed the "Google Analytics" / "Google Ads" labels past the right edge on phones. Normal checkboxes again (same size as the
   site's own rule, 1.15rem), labels wrap inside the panel. Specificity is one element higher than the desk rule, so no !important. */
.site-measurement label>input[type="checkbox"] { width: 1.15rem; height: 1.15rem; min-width: 1.15rem; min-height: 1.15rem; flex: none; padding: 0; margin: 0; }
.site-measurement label { min-width: 0; }
/* fact only: ".fact-desk[data-redesign="3"] label { color: var(--text) }" made the two labels dark text on the dark panel; the panel's own rule says inherit. */
.site-measurement[role="region"][aria-label]>label { color: inherit; }
/* form pages only (.form-journey): the header row "Idioma [language select] + Apariencia button" is a no-wrap flex row; with Axtlanic's wider letters it was 19 to 72 px wider than a 320 / 360 px
   phone in de, en, fr, id, ru, sw, Mexicano ... (the page scrolled sideways and the privacy panel, fixed to the wider layout, hung past the edge). The row may wrap and the select may shrink. */
.form-journey .product-toolbar { flex-wrap: wrap; row-gap: .5rem; }
.form-journey .language-control { min-width: 0; }
.form-journey .language-control select { min-width: 0; max-width: min(155px, 100%); }
/* narrow phones, wide scripts: a long unbreakable word in a heading (Armenian, Georgian) or a long label next to an amount pushed the page 11 to 50 px past a 320 px screen. */
.form-journey :is(h1, h2, h3, h4) { overflow-wrap: break-word; }
.fact-desk .document-totals dl > div { flex-wrap: wrap; column-gap: .6rem; }
.fact-desk .document-totals dd { min-width: 0; overflow-wrap: anywhere; }
.site-measurement label>span { min-width: 0; overflow-wrap: anywhere; }