.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand-logo{width:48px;height:36px;object-fit:contain;flex-shrink:0}
.tujia-ui,.brand small.tujia-ui{display:block;margin-top:3px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--muted)}
nav button .tujia-ui{font-size:12px}nav button.active .tujia-ui{color:#d7e5df}
.brand{align-items:center}.brand small.tujia-ui{font-size:13px}
.hero-tujia{font-size:19px;letter-spacing:0;margin:6px 0 12px}
#search-form button .tujia-ui{color:inherit;font-size:11px;opacity:.85;margin:0}
.language-selector{display:flex;align-items:center;flex-shrink:0}.language-selector select{min-height:36px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink)}
.shell>header{height:auto;min-height:78px;flex-wrap:wrap;gap:10px 16px;padding-top:12px;padding-bottom:12px}
aside{overflow-y:auto}nav{margin-top:24px;gap:4px}nav button{padding:9px 12px;min-width:0}nav button>span{min-width:0;overflow-wrap:anywhere}
html[lang="en"] .filters select{max-width:100%}html[lang="en"] button{overflow-wrap:break-word}
@media(max-width:900px){.shell>header{padding-left:22px;padding-right:22px}.brand .tujia-ui{font-size:12px}}
@media(max-width:600px){.shell>header{padding:10px 18px;min-height:56px}#crumb{flex:1;min-width:0}.language-selector{margin-left:auto}.media-switch{font-size:12px}.brand-logo{width:40px;height:30px}.hero-tujia{font-size:17px}nav button .tujia-ui{font-size:11px}.language-selector select{font-size:16px}nav{margin-top:12px}}

.aside-foot>a{display:block;margin-top:4px}
@media(max-width:720px){aside>nav{overflow-x:auto;overflow-y:hidden}aside>nav button{flex:0 0 auto}aside>nav button>span{overflow-wrap:normal}}

/* Keep a translated page label from shrinking underneath adjacent controls. */
@media(max-width:600px){#crumb{min-width:min-content}}

/* Full, same-origin fonts. Gentium Plus is spelling; Charis is phonetic text.
   The Pages build installs the pinned upstream Gentium Plus release. */
@font-face{font-family:"Gentium Plus";src:url("fonts/GentiumPlus-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url("fonts/GentiumPlus-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url("fonts/GentiumPlus-Italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url("fonts/GentiumPlus-BoldItalic.woff2") format("woff2");font-style:italic;font-weight:700;font-display:swap}
@font-face{font-family:"Charis SIL";src:url("fonts/Charis-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Charis SIL";src:url("fonts/Charis-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--tujia-font:"Gentium Plus","Charis SIL",Georgia,serif;--ipa-font:"Charis SIL",Charis,"Gentium Plus",serif}
.tujia-ui,.brand small.tujia-ui,.word,.notation-form,.example-transcription,.lyric-tujia,.survey-spelling,[lang="tji"],[data-script="transliteration"],.external-text-block details>p,.external-glosses>div>span:first-child,textarea[data-notation-field="ye"],textarea[data-notation-field="accent"],textarea[data-notation-field="brassett"]{font-family:var(--tujia-font);letter-spacing:normal;font-kerning:normal}
.word-ipa,.external-ipa,.survey-ipa,.example .form,.np-cell,[data-script="ipa"],textarea[data-notation-field="ipa"],.survey-spelling+p{font-family:var(--ipa-font);letter-spacing:normal;font-kerning:normal}
/* An unconverted dictionary headword and legacy inline Georgia declarations
   must not override the semantic notation kind. */
.word[data-script="ipa"],h1[data-script="ipa"]{font-family:var(--ipa-font)!important}
.word,.word-card .word-card-title,.word-card .word-ipa,.notation-form,.example-transcription,.lyric-tujia,.survey-spelling{line-height:1.55}
[data-script] sup,.word sup,.word-ipa sup{font-family:inherit}
.bilingual-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.bilingual-label>.tujia-ui,.brand .bilingual-label>.tujia-ui{display:block;margin:0;color:var(--muted);font-family:var(--tujia-font);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;overflow:visible}
.bilingual-label>.ui-secondary{display:block;font-size:14px;font-weight:600;line-height:1.45;color:inherit}
.brand .bilingual-label>.tujia-ui{font-size:13px}
.brand .bilingual-label>.ui-secondary{font-size:17px}
aside>nav button.active .ui-secondary{color:inherit}
aside>nav button.active .tujia-ui{color:#d7e5df}
.hero h1.bilingual-label{gap:4px;letter-spacing:normal}
.hero h1.bilingual-label>.hero-tujia{font-size:19px;line-height:1.5}
.hero h1.bilingual-label>.ui-secondary{font-size:34px;color:var(--ink)}
.search-language-label{align-items:center}
.search-languages .search-language-label>.tujia-ui{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}
.search-languages .search-language-label>.ui-secondary{font-size:14px}
#search-form button.bilingual-label{align-items:center;justify-content:center}
#search-form button.bilingual-label>.tujia-ui{font-size:11px;color:inherit;opacity:.8;margin:0;line-height:1.5}
#search-form button.bilingual-label>.ui-secondary{font-size:14px;color:inherit;opacity:1;padding:0}
/* These are already above the translated page heading, and remain inline. */
.eyebrow .tujia-ui{display:inline;margin:0;color:inherit;font-family:var(--tujia-font);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;vertical-align:baseline}
@media(max-width:720px){
  aside>nav .bilingual-label{gap:1px}
  aside>nav .bilingual-label>.tujia-ui{font-size:11px;line-height:1.5}
  aside>nav .bilingual-label>.ui-secondary{font-size:13px}
  .brand .bilingual-label>.tujia-ui{font-size:12px}
  .hero h1.bilingual-label>.hero-tujia{font-size:17px}
  .hero h1.bilingual-label>.ui-secondary{font-size:28px}
  .search-languages .search-language-label>.tujia-ui{font-size:11px}
}

/* Bilingual hierarchy: Tujia remains first, while Chinese/English is the larger label. */