/* ax-font.css - speclang.pro text font = Axtlanic (self-hosted kit in /assets/fonts/axtlanic/, linked before this file).
   Replaces the two text stacks of site.css / modules/experience.css ("Segoe UI",Arial,sans-serif and system-ui,sans-serif) with
   var(--font-axtlanic) (Axtlanic faces first, then "Segoe UI", system-ui, sans-serif as fallback). Sizes, weights, line-heights and letter-spacing
   are not touched. This file is unlayered, so it wins over the layered rules of site.css. Axtlanic ships 400 and 700 only: the site's 500 renders
   as 400 and its 600/650 as 700 (CSS nearest-weight matching). */
:root { font-family: var(--font-axtlanic); font-synthesis: none; }
[data-readable=true] { font-family: var(--font-axtlanic); }
[data-readable=true] h1, [data-readable=true] h2, [data-readable=true] h3 { font-family: var(--font-axtlanic); }
/* language list: every entry carries its own lang, so each gets the right Han order (ja / ko first for those entries) */
.edition-panel [lang] { font-family: var(--font-axtlanic); }
/* Binary edition: the "watch on YouTube" link is a non-shrinking flex item whose text is a long run of 8-digit groups; Axtlanic's digits are wider than
   Segoe UI's, which made the page scroll sideways (live: 6 px already, with Axtlanic 85 px). Let it shrink and wrap inside its row. */
html[lang="zxx"] .video-intro > a { flex: 0 1 auto; max-inline-size: 100%; overflow-wrap: anywhere; }
/* Binary edition: the title of the Tienda deals strip ("DEALS AND EVENTS" written in binary = 16 groups of 8 digits) is a non-shrinking flex item (flex: none) that is
   about 1030 px wide with Axtlanic's digits. At 1366 px it filled the strip and pushed the chip row 46 px past the right edge (page scrolled sideways). Let the strip wrap and give the
   title its own full-width row that wraps at the spaces (and anywhere if a single group would still not fit). Other editions are not touched. */
html[lang="zxx"] .ax-deals { flex-wrap: wrap; }
html[lang="zxx"] .ax-deals__title { flex: 1 1 100%; min-inline-size: 0; overflow-wrap: anywhere; }
/* The floating "Your experience" pill is nowrap with an ellipsis and a fixed max-width (16rem, 12rem on phones). Axtlanic is a little wider than Segoe UI,
   so German / Vietnamese / Mongolian / Tibetan labels were cut ("..."). Give the pill room (still never wider than the screen). */
#experience-quick { max-width: min(22rem, calc(100vw - 1.3rem)); }
/* Left rail: Axtlanic is wider than Segoe UI, so a few rail links wrap to a second line and the rail grows by about 30 px; on screens up to 1000 px tall
   the last link ("Terms and privacy") then touched the quote button at the bottom. Take the extra height back from the spacing above and below the
   link list (36 px / 16 px -> 8 px / 8 px); every rail item keeps its size, weight and line-height. */
@media (min-width: 851px) and (max-height: 1000px) { .rail-links { margin-block: .5rem; } }