/* Dashboard colour system. All custom sections inherit these semantic tokens.
   Dark mode retains each component's original colour through var() fallbacks. */
body.page-id-70732 #vibebp_member .vibebp_myprofile:not(.dark_theme),html[data-ga-dashboard-theme="light"]{
 --ga-ui-text:#172f40;--ga-ui-muted:#425d6e;--ga-ui-accent:#087985;
 --ga-ui-surface:#fff;--ga-ui-surface-soft:#eef5f8;--ga-ui-hover:#dff5f5;--ga-ui-border:#c8dae4;
 --body:#fff;--sidebar:#eef5f8;--bold:#172f40;--text:#345364;--light:#526c7c;--border:#c8dae4;--darkborder:#c8dae4;--highlight:#e5f4f6;
 color:var(--ga-ui-text);color-scheme:light;
}
body.page-id-70732 #vibebp_member .vibebp_myprofile.dark_theme{color-scheme:dark}
/* Bridge native WPLMS controls to the same palette, independently of the route. */
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.vibebp_main,.course_overview,.course_header,.profile_settings,.portal_body,.portal_header,.activity_body,.activity_content,.message_block .message,.fullmessage,.portal_message,.profile_data_field){color:var(--ga-ui-text)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.course_overview,.portal_body,.activity_content,.portal_message) :is(h1,h2,h3,h4,p,strong){color:var(--ga-ui-text)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.vibebp_main,.profile_settings,.edit_profile) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select,.editor_wrapper,.public-DraftEditor-content){background:var(--ga-ui-surface)!important;color:var(--ga-ui-text)!important;border-color:var(--ga-ui-border)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(input,textarea)::placeholder{color:var(--ga-ui-muted)!important;opacity:1}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.course_tabs a,.course_tabs span,.course_block_actions a,.vibebp_left_sidebar .menu-child:not(.current-menu-item),.setting_tab:not(.active),.profilehighlight .elementor-heading-title,.profilehighlight .profile_data_field,.vibebp_left_sidebar h3){color:var(--ga-ui-text)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.vibebp_left_sidebar .menu-child:hover,.setting_tab.active){background:var(--ga-ui-hover)!important;color:var(--ga-ui-accent)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.portal_message,.profilehighlight>.elementor-container>.elementor-column){background:var(--ga-ui-surface-soft)!important;border-color:var(--ga-ui-border)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.friendly_time,.public-DraftEditorPlaceholder-inner,.activity_time,.message_block_content){color:var(--ga-ui-muted)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) .profile_menu .bp-menu:not(.is_active) :is(.icon,.vicon){color:var(--ga-ui-text)!important}
body.page-id-70732 #vibebp_member#vibebp_member .vibebp_myprofile:not(.dark_theme) .profile_menu .bp-menu:not(.is_active) path{stroke:currentColor!important}
/* Solid accent surfaces retain contrasting labels in both modes. */
body.page-id-70732 #vibebp_member .ga-detail-number{color:#fff!important}
body.page-id-70732 #vibebp_member .vibebp_myprofile:not(.dark_theme) :is(.button.is-primary,.ga-detail-registration,.ga-dashboard-card-cta){color:#172b3a!important}
/* The document shell must switch with the app as well as its cards. */
html:has(body.page-id-70732 #vibebp_member .vibebp_myprofile:not(.dark_theme)),body.page-id-70732:has(#vibebp_member .vibebp_myprofile:not(.dark_theme)){background:#f4f8fb!important}
body.page-id-70732 #vibebp_member .vibebp_myprofile:not(.dark_theme) .profile_grid{background:#f4f8fb!important;color:var(--ga-ui-text)!important}
/* Shared embedded lesson renderer: the same palette as the parent dashboard. */
html[data-ga-dashboard-theme="light"] body{background:var(--ga-ui-surface);color:var(--ga-ui-text);color-scheme:light}
html[data-ga-dashboard-theme="light"] :is(section,.hero){background:var(--ga-ui-surface-soft);border-color:var(--ga-ui-border)}
html[data-ga-dashboard-theme="light"] :is(aside,blockquote,.feedback,.concept-card,textarea,textarea[readonly],select,.lesson-nav button,.lesson-nav button span,.builder-meter){background:var(--ga-ui-surface);color:var(--ga-ui-text);border-color:var(--ga-ui-border)}
html[data-ga-dashboard-theme="light"] :is(.eyebrow,h2,summary,.success,.answer-correct,header strong,.story-item strong,.stage-status,.builder-counter,.secondary){color:var(--ga-ui-accent)}
html[data-ga-dashboard-theme="light"] :is(.compare article,label.choice,details summary,.concept-card,.visual-story,#answer-details article,.secondary){border-color:var(--ga-ui-border)}
html[data-ga-dashboard-theme="light"] :is(.concept-card small,.story-item span){color:var(--ga-ui-muted)}
html[data-ga-dashboard-theme="light"] :is(.error,.answer-wrong){color:#b42318}
html[data-ga-dashboard-theme="light"] :is(a,.concept-card .card-number,#question-note){color:#8a4b00}
html[data-ga-dashboard-theme="light"] .lesson-nav button[aria-current]{background:var(--ga-ui-hover);color:var(--ga-ui-accent);border-color:var(--ga-ui-accent)}
html[data-ga-dashboard-theme="light"] label.choice:has(input:checked){background:var(--ga-ui-hover);border-color:var(--ga-ui-accent)}
html[data-ga-dashboard-theme="light"] .secondary{background:transparent}
/* Draft.js paints its editable layer above the placeholder. Keep that layer transparent. */
body.page-id-70732 #vibebp_member#vibebp_member#vibebp_member .vibebp_myprofile .message_main .DraftEditor-root{background:var(--ga-ui-surface,transparent)}
body.page-id-70732 #vibebp_member#vibebp_member#vibebp_member .vibebp_myprofile .message_main .DraftEditor-root .public-DraftEditor-content{position:relative;z-index:2;background:transparent!important;color:var(--ga-ui-text,#f1f8fa)!important}
body.page-id-70732 #vibebp_member#vibebp_member#vibebp_member .vibebp_myprofile .message_main .public-DraftEditorPlaceholder-root{z-index:1;color:var(--ga-ui-muted,#b9ccd5)!important;opacity:1}
body.page-id-70732 #vibebp_member#vibebp_member#vibebp_member .vibebp_myprofile .message_main .public-DraftEditorPlaceholder-inner{color:inherit!important;opacity:1}
/* Shared study typography: native player and every academy lesson frame. */
/* Distinguish unit headings from their individual lessons in every course. */
html[data-ga-dashboard-theme] body{font-size:17px;line-height:1.8}
html[data-ga-dashboard-theme] h1,html[data-ga-dashboard-theme] .hero h1{font-size:24px;line-height:1.5;font-weight:700}
html[data-ga-dashboard-theme] h2{font-size:21px;line-height:1.5;font-weight:700}
html[data-ga-dashboard-theme] h3,html[data-ga-dashboard-theme] .concept-card strong{font-size:18px;line-height:1.5;font-weight:700}
html[data-ga-dashboard-theme] :is(p,li,dd,textarea,select){font-size:17px;line-height:1.8}
html[data-ga-dashboard-theme] :is(.eyebrow,.stage-status,.builder-counter,footer){font-size:13px;line-height:1.6}
html[data-ga-dashboard-theme] :is(button,.lesson-nav button,details summary){font-size:15px;line-height:1.6}
html[data-ga-dashboard-theme] .story-item strong{font-size:16px;line-height:1.5}
html[data-ga-dashboard-theme] :is(.story-item span,.concept-card small){font-size:14px;line-height:1.6}
@media(max-width:600px){
 html[data-ga-dashboard-theme] h1,html[data-ga-dashboard-theme] .hero h1{font-size:22px}
 html[data-ga-dashboard-theme] h2{font-size:20px}
 html[data-ga-dashboard-theme] .stage-controls button,html[data-ga-dashboard-theme] .quiz-navigation button{font-size:15px}
}

/* Restart Arabic lesson numbering at each unit heading. */