/* Continuous alphabet and restrained, accessible course controls. */
.foundation-page-shell:has(.rmx-alphabet-layout){overflow:visible}
body:has(.foundation-page-shell) .rmx-back-top{bottom:92px}
.foundation-page-shell .rmx-letter-nav{max-height:calc(100vh - 112px)}
html .gender-symbol.gender-m{color:#1d59a1!important}html .gender-symbol.gender-f{color:#a12268!important}html .gender-symbol.gender-n{color:#766025!important}
.rmx-video-window header{flex-wrap:wrap}.rmx-video-scope{flex-basis:100%;font-size:11px;color:var(--muted)}
.rmx-alphabet-layout{display:grid;grid-template-columns:86px minmax(0,1fr);gap:22px;align-items:start}
.rmx-letter-nav{position:sticky;top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-height:calc(100vh - 36px);overflow:auto;padding:10px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.rmx-letter-nav>span{grid-column:1/-1;font-size:10px;color:var(--muted);padding:0 3px 8px}.rmx-letter-nav a{display:grid;place-items:center;min-height:32px;border-radius:4px;color:var(--text);text-decoration:none;font-size:13px;border:1px solid transparent}.rmx-letter-nav a:hover,.rmx-letter-nav a[aria-current]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.rmx-letter-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.rmx-letter-block{scroll-margin-top:20px}.rmx-letter-block:focus{outline:none}.rmx-letter-heading{align-items:baseline}.rmx-letter-heading>span{font-size:14px}.rmx-word-line{justify-content:flex-start;gap:9px}.rmx-word-line>.audio-btn{margin-left:auto}.rmx-word-phonetics{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}.rmx-word-phonetics .ipa-text{display:inline!important}.rmx-word-phonetics .flag-frame{width:24px;height:16px;min-width:24px}.rmx-letter-name{justify-content:space-between}.rmx-letter-name strong{font-size:13px}.rmx-letter-name:empty{display:none}.rmx-letter-card .rmx-inline-note{font-size:12px}
.audio-btn{width:30px!important;height:30px!important;min-width:30px!important;border-radius:6px!important}.audio-btn .rmx-icon{width:16px;height:16px}.audio-btn.micro-audio{width:26px!important;height:26px!important;min-width:26px!important}
.rmx-video-trigger{display:inline-flex;width:28px;height:28px;min-width:28px;padding:5px;margin:6px 0 0 8px;vertical-align:middle;border-radius:5px}.rmx-video-trigger .rmx-icon{width:16px;height:16px}.rmx-video-trigger>span{display:none}
.rmx-video-popover{background:#20131533}.rmx-video-popover .rmx-video-window{width:min(440px,100%)}.rmx-video-window header{padding:10px 12px}.rmx-video-window h2{font-size:13px}.rmx-video-preference{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid var(--line);font-size:12px}.rmx-video-preference>span{flex-basis:100%;line-height:1.5}.rmx-video-preference button{padding:6px 16px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;cursor:pointer}.rmx-video-preference button[aria-pressed=true]{background:#991f2b;color:white;border-color:#991f2b}.rmx-video-preference.video-finished{border-top:3px solid var(--roman-gold)}.rmx-video-window footer{padding:0 12px 12px;justify-content:flex-end}
.rmx-back-top{position:fixed;right:22px;bottom:24px;z-index:1000;width:42px;height:42px;display:grid;place-items:center;background:#991f2b;color:#fff;border:1px solid #6f1921;border-radius:50%;cursor:pointer}.rmx-back-top[hidden]{display:none}
.gender-symbol{font:600 17px/1 system-ui;display:inline-flex;align-items:center;justify-content:center;min-width:23px;min-height:23px;border-radius:4px;padding:2px}.gender-m{color:#1d59a1!important;background:#edf5ff!important}.gender-f{color:#a12268!important;background:#ffedf5!important}.gender-n{color:#766025!important;background:#f7f0de!important}
.tile-flag-wrap>span{display:none}.flag-frame{border:1px solid #242020!important;outline:1px solid #24202022;border-radius:3px!important;overflow:hidden}.onboarding-wordmark .roman-gold{color:var(--text)}.onboarding-window{border:1px solid var(--line)!important;border-top:4px solid #991f2b!important;border-radius:12px!important}.onboarding-brand{justify-content:flex-start!important;padding:24px 28px!important;border-bottom:1px solid var(--line);min-height:0!important}.onboarding-wordmark strong{font:500 28px Georgia!important}.onboarding-body{padding:28px!important}.onboarding-copy h1{font:500 clamp(23px,3vw,30px) Georgia!important;line-height:1.3}.onboarding-copy p{font-size:14px;line-height:1.65}.onboarding-language-grid{gap:10px!important}.onboarding-language-card{min-height:68px!important}.onboarding-none{display:flex!important;align-items:center;gap:14px;text-align:left!important;width:100%;padding:16px!important;border:1px solid var(--line)!important;border-radius:8px;background:var(--panel)!important;margin:18px 0 0!important;font-size:14px!important;font-weight:600;cursor:pointer}.onboarding-none>span:first-child{color:var(--accent);font-size:20px}.onboarding-none small{display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:4px}.onboarding-none.selected{border:2px solid var(--accent)!important;background:var(--accent-soft)!important;color:var(--text)!important}.onboarding-actions{padding:18px 28px!important}.onboarding-language-card .flag-frame{outline:none}
/* The SVG reaches the single contour: no white padding, inner rounding or halo. */
.flag-frame{padding:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;line-height:0}
.flag-frame::before,.flag-frame::after{content:none!important;display:none!important}
.flag-frame svg,.flag-frame.sm svg,.flag-frame.lg svg{display:block;width:100%;height:100%;border-radius:0!important;flex:1}
.tile-flag-wrap>.flag-frame{display:inline-flex}
.rmx-concept-photo{width:min(100%,320px);margin:0 auto 18px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.rmx-concept-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center}
.rmx-concept-photo figcaption{padding:10px 14px;text-align:center;font:500 17px/1.4 Georgia,'Times New Roman',serif;color:var(--text)}
.rmx-concept-photo figcaption small{display:block;margin-top:4px;font:400 11px/1.5 system-ui,sans-serif;color:var(--muted)}
.rmx-concept-photo.compact{width:min(100%,220px);margin:0 auto 16px}
.rmx-letter-visual-heading{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:start;margin-bottom:10px}
.rmx-letter-visual-heading .rmx-concept-photo{grid-column:2;margin-bottom:0}
.rmx-letter-initial{font:500 36px/1 Georgia,'Times New Roman',serif;color:var(--accent)}
.rmx-course-credits{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,60px) 32px;color:var(--muted);font-size:13px;line-height:1.6}
.rmx-course-credits details{border-top:1px solid var(--line);padding-top:12px}
.rmx-course-credits summary{width:fit-content;margin:auto;padding:8px 16px;cursor:pointer;color:var(--muted);font-size:13px}
.rmx-credits-body{max-width:840px;margin:18px auto;padding:20px clamp(12px,3vw,28px);background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}
.rmx-credits-body h2{font-size:21px;margin:24px 0 10px}.rmx-credits-body h2:first-child{margin-top:0}.rmx-credits-body ul{padding-left:20px}.rmx-credits-body li{margin:8px 0}.rmx-credits-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.rmx-alphabet-layout{grid-template-columns:1fr;gap:12px}.rmx-letter-nav{grid-template-columns:repeat(8,1fr);top:0;z-index:5;max-height:160px;padding:6px;gap:2px}.rmx-letter-nav>span{display:none}.rmx-letter-nav a{min-height:29px}.rmx-letter-block{scroll-margin-top:170px}.onboarding-body{padding:20px 16px!important}.onboarding-brand{padding:20px 16px!important}.onboarding-actions{padding:16px!important}.rmx-back-top{right:14px;bottom:16px}.rmx-video-popover .rmx-video-window{max-height:90vh;overflow:auto}.rmx-word-line strong{font-size:22px}.rmx-letter-visual-heading{grid-template-columns:26px minmax(0,1fr) 26px;gap:4px}.rmx-letter-initial{font-size:28px}.rmx-concept-photo figcaption{font-size:16px}}
/* Photographs stay shared across translations; the active languages keep the main space. */
.rmx-quantity-photo{width:min(100%,320px);margin:0 auto 18px;padding:14px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-align:center}
.rmx-quantity-value{display:block;margin:0 0 10px;color:var(--accent);font:600 32px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}
.rmx-photo-count-grid{display:grid;grid-template-columns:repeat(var(--count-columns),minmax(0,1fr));gap:4px;justify-content:center}
.rmx-photo-count-grid .rmx-count-unit{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:3px}
.rmx-quantity-photo figcaption{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5}
.rmx-quantity-photo .rmx-concept-photo{margin:0 auto;border:0}
.rmx-concept-photo[data-visual-kind="scene"] figcaption{font:400 12px/1.5 system-ui,sans-serif;color:var(--muted)}
.rmx-digraph-example{text-align:center;margin:12px 0}
.rmx-digraph-example>strong{font:600 21px/1.4 Georgia,serif;margin-right:8px}
.list-row>.rmx-concept-photo,.list-row>.rmx-quantity-photo{flex:0 0 104px;width:104px;margin:0;align-self:center}
.list-row>.rmx-concept-photo figcaption{font:400 10px/1.4 system-ui,sans-serif;padding:6px}
.list-row>.rmx-quantity-photo{padding:6px}
.list-row>.rmx-quantity-photo .rmx-quantity-value{font-size:22px}
.list-row>.rmx-quantity-photo figcaption{font-size:10px}
.rmx-letter-card>.rmx-concept-photo,.rmx-letter-card>.rmx-quantity-photo{width:min(100%,190px)}
.foundation-info-card>.rmx-concept-photo,.verb-model-card>.rmx-concept-photo{width:min(100%,220px)}
.stress-word{flex-wrap:wrap}
.stress-word>.rmx-concept-photo{flex:0 0 100%;width:120px}
.culture-card>.rmx-concept-photo{width:150px;flex:0 0 150px}
@media(max-width:700px){.list-row>.rmx-concept-photo,.list-row>.rmx-quantity-photo{width:88px;flex-basis:88px}.rich-list-row{flex-wrap:wrap}.list-row-main{min-width:0}.culture-card{flex-wrap:wrap}.rmx-photo-count-grid{gap:3px}.rmx-quantity-photo{padding:10px}}
.vowel-card>.rmx-concept-photo{width:min(100%,150px);margin:0 auto 8px}
.rmx-vowel-select{display:block;width:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px}
.rmx-vowel-select>strong{font-size:28px}
.rmx-vowel-select>span{display:flex;flex-direction:column;gap:4px}