/* TrioEdX Site Style — one font everywhere.
   The element list deliberately leaves out <i>/<svg> and anything whose class mentions "icon",
   "fa-", "dashicons" or star ratings, because those draw their glyphs with an icon font. */
:root{ --tnb-font:'M PLUS 2', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

body,
body :where(h1,h2,h3,h4,h5,h6,p,a,span,li,dt,dd,td,th,caption,label,legend,input,select,textarea,button,div,strong,b,em,small,blockquote,figcaption,cite,q,mark,sub,sup,time,address,summary,option,output):not([class*="icon"]):not([class*="Icon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.dashicons):not(.star-rating):not(.stars):not(.ab-item){
	font-family:var(--tnb-font) !important;
}

/* M PLUS 2 has deep descenders: a line-height of 1 inside a box that hides overflow (dropdown labels, ellipsis
   text) cuts off the bottom of g, p, y — e.g. "English", "Algeria". Give text in form controls room everywhere.
   Zero-specificity :where() so any component that sets its own line-height still wins. */
body :where(button,select,input,textarea,option,label,[role="option"],[role="listbox"] li){ line-height:1.4; }