/* Trello 1636: match the live homepage's typography by role.
   Content/headings use its system stack; UI actions use its existing Inter files.
   Keep the gallery's type scale and spacing. No player/caption font override. */
:root { --video-content-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --video-action-font: "SS Shell Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-family: var(--video-content-font); }
.library-layout, .lesson-layout, .lesson-main { font-family: var(--video-content-font); }
.library-sidebar { font-family: var(--video-action-font); }
.library-layout :is(button, input, select, textarea, summary),
.lesson-main :is(button, input, select, textarea, summary),
.library-layout .button, .lesson-main .button,
.library-layout .lp-tab, .lesson-main .lp-tab,
.library-layout .lp-program-resume-link { font-family: var(--video-action-font); }
/* Preserve the established Arabic shaping/fallback rather than forcing Latin Inter. */
html[dir="rtl"] { --video-content-font: Arial, Tahoma, sans-serif; --video-action-font: Arial, Tahoma, sans-serif; }
html[dir="rtl"] #library-about-title { font-family: var(--video-content-font) !important; }