/* Mo Design V11 — typography, readable color systems, appearance editor and dedicated learning pages. */
:root { --v11-bright:#c6fa8a; }
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,
html[lang="ar"] select,html[lang="ar"] .eyebrow,html[lang="ar"] .hero-kicker,
html[lang="ar"] .learning-card,html[lang="ar"] .process-n,html[lang="ar"] .tool-copy,
.dashboard-page, .dashboard-page button,.dashboard-page input,.dashboard-page select,.dashboard-page textarea {
 font-family:'Alexandria','DM Sans',sans-serif!important;
}
html[lang="ar"] .hero-title,html[lang="ar"] .section-title,html[lang="ar"] h1,
html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .cta-statement h2,
html[lang="ar"] .eyebrow,html[lang="ar"] .learn-visual { letter-spacing:0!important }
html[lang="ar"] .ticker-track {font-family:'Alexandria',sans-serif;letter-spacing:0;font-size:12px}
.tool-badge img{object-fit:contain;width:58px;height:58px;display:block}
.tool-card:has(img[src$="higgsfield.png"]) .tool-badge img{width:66px;height:65px;border-radius:10px}
.tool-card:has(img[src$="flow.png"]) .tool-badge img{width:52px;height:52px}
/* Light mode: no dark card may inherit dark-on-dark copy. */
:root.light .hero-title em {color:#3a6c17!important;background:none!important;-webkit-text-fill-color:#3a6c17}
:root.light .process-card{background:#fff!important;color:#1b232b!important;border-color:#bfc6ca!important;box-shadow:0 7px 28px rgba(12,20,30,.06)}
:root.light .process-card h3{color:#151a22!important}
:root.light .process-card p{color:#48535d!important}
:root.light .process-card .process-n{color:#396c1b!important}
:root.light .process-card .process-icon{color:#6646ab!important}
:root.light .section-sub,:root.light .about-description,:root.light .hero-description,
:root.light .service-desc,:root.light .value-reasons p{color:#444b50!important}
:root.light .section-title,:root.light .value-headline,:root.light .feature-title{color:#191d24}
:root.light .learn-panel{background:linear-gradient(122deg,#eee8ff,#e6ecf5 55%,#d6e6e3)!important;color:#1b2732!important;border:1px solid #c9cdd9;box-shadow:0 20px 60px rgba(33,40,55,.10)}
:root.light .learn-panel .eyebrow,:root.light .learn-panel .learn-copy p{color:#37465d!important}
:root.light .learn-panel .section-title{color:#18232c!important}
:root.light .learn-panel .future-tag{border-color:#9ca9bc;color:#244032!important;background:#ffffffa8}
:root.light .learn-panel .learn-visual{color:#253441!important}
:root.light .learn-panel .learn-plus{color:#286823!important}
:root.light .learn-panel .learn-circle{border-color:#b7b1e6!important}
:root.light .editorial-section{background:linear-gradient(122deg,#e7ebec,#f3f3ee)!important;color:#1c2830!important}
:root.light .editorial-section h2,:root.light .editorial-section h2 em{color:#16232b!important}
:root.light .editorial-intro p,:root.light .editorial-caption{color:#4a5960!important}
:root.light .editorial-link{color:#2f6920!important;border-color:#477f36!important}
:root.light .cta-statement{background:linear-gradient(115deg,#edf2ee,#e9e4f3)!important;color:#1a2830!important;border-color:#c4cbd0!important}
:root.light .cta-statement h2{color:#19242b!important}
:root.light .cta-statement h2 em{color:#386d1d!important}
:root.light .cta-statement .eyebrow,:root.light .cta-statement>p{color:#435158!important}
:root.light .cta-asterisk{color:#396f26!important}
:root.light .cta-statement:before,:root.light .cta-statement:after{opacity:.05!important}
:root.light .learning-card{background:#fff!important;border-color:#ccd3d0;color:#172027!important}
:root.light .learning-card strong{color:#182027}
:root.light .learning-item-desc{color:#46535d}
:root.light .learning-item-meta{color:#396724}
:root.light .learning-card .learning-thumb{background:#e8eaf0}
/* Full section visual controls; defaults are only activated after user saves settings. */
.section.v11-designed,.v11-designed{background:var(--v11-bg,inherit)!important;color:var(--v11-fg,inherit)!important;min-height:var(--v11-minh,0px);position:relative;isolation:isolate}
.section.v11-designed{padding-block:var(--v11-pad,90px)!important}
.v11-designed.v11-with-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,var(--v11-shade,.7)),rgba(0,0,0,var(--v11-shade,.7))),var(--v11-cover);background-position:center;background-size:cover;z-index:-1;pointer-events:none}
.v11-designed h1,.v11-designed h2,.v11-designed h3,.v11-designed .section-title,.v11-designed .value-headline,
.v11-designed .section-sub,.v11-designed .editorial-intro p,.v11-designed .learn-copy p,
.v11-designed .learn-visual,.v11-designed .cta-statement>p,.v11-designed .eyebrow{
 color:var(--v11-fg,inherit)!important;
}
.v11-designed h1 em,.v11-designed h2 em,.v11-designed .learn-plus,.v11-designed .eyebrow>span:first-child{color:var(--v11-accent,var(--accent))!important;background:none!important;-webkit-text-fill-color:currentColor}
#cta .v11-designed,#learn .v11-designed{padding-block:var(--v11-pad,90px)!important}
:root.light .v11-designed{background:var(--v11-bg)!important;color:var(--v11-fg)!important}
:root.light .v11-designed .section-title,:root.light .v11-designed .editorial-intro h2,:root.light .v11-designed .editorial-intro h2 em,
:root.light .v11-designed .cta-statement h2,:root.light .v11-designed .cta-statement h2 em,
:root.light .v11-designed .learn-copy p,:root.light .v11-designed .learn-visual{color:var(--v11-fg)!important}
.v11-designed .value-reasons p,.v11-designed .editorial-link{color:var(--v11-fg)!important}
/* Editor: neutral ink/charcoal instead of green-tinted working area */
.dashboard-page{--v10-panel:#151822!important;--v10-field:#0d1017!important;--v10-ink:#f4f4f7!important;--v10-muted:#a8afbc!important;--v10-line:#303341!important;--v10-deep:#0b0c13!important;background:#0b0c13!important;color:#f4f4f7!important}
.dashboard-page .admin-sidebar{background:#10121b!important;border-color:#2a2d3a!important}
.dashboard-page .admin-panel{background:#151821!important;border-color:#30333f!important}
.dashboard-page .sidebar-nav button{color:#bdc2d1!important}
.dashboard-page .sidebar-nav button.active{background:#262b31!important;color:#e8ffcb!important;border-color:#475b43!important}
.dashboard-page .v10-nav-icon{background:#1c2030!important;color:#b8c9ac!important;border-color:#33394a!important}
.dashboard-page .admin-btn:not(.secondary){background:#c6fa8a!important;color:#10191d!important}
.dashboard-page .admin-btn.secondary{background:#212532!important;border:1px solid #3c4050!important;color:#ecedf2!important}
.dashboard-page .admin-note,.dashboard-page .v10-learning-title small{color:#b6becb!important}
.dashboard-page .v10-status-option{background:#1a1d2a!important;border-color:#384052!important}
.dashboard-page .v10-status-option strong{color:#f0f1f5!important}
.dashboard-page .v10-status-option small{color:#abb4c4!important}
.dashboard-page .v10-metric-card,.dashboard-page .v10-copy-expander{background:#191c26!important;border-color:#343849!important}
.dashboard-page .v10-learning-table-head{background:#272b36!important;color:#d2d8e0!important}
.dashboard-page .v10-learning-row{background:#151821!important;color:#eee!important}
.dashboard-page .form-field input,.dashboard-page .form-field textarea,.dashboard-page .form-field select{background:#0d1017!important;border-color:#424656!important;color:#f2f4f8!important}
.dashboard-page input:focus-visible,.dashboard-page select:focus-visible,.dashboard-page textarea:focus-visible{outline-color:#c6fa8a}
.dashboard-page .admin-panel h2,.dashboard-page .v10-page-head h1,.dashboard-page .v10-brand strong{color:#f4f5f7!important}
.dashboard-page .v10-workspace-badge{background:#1d2430!important;color:#bce5a3!important}
.dashboard-page .v10-overview-hero{background:linear-gradient(120deg,#23223d,#1b2730)!important}
.dashboard-page .v10-action-row{color:#ecf0f4!important}
.dashboard-page .v10-action-row strong{color:#fafafa!important}
.dashboard-page .v10-action-row:hover{background:#222632!important}
.dashboard-page .v11-appearance-help{background:#1f2632;border:1px solid #374052;color:#bfc9d7;padding:16px;border-radius:13px;margin-bottom:20px;font-size:13px;line-height:2}
.dashboard-page .v11-section-editor{border:1px solid #3a4051;border-radius:16px;margin-block:15px;overflow:hidden;background:#191c28}
.dashboard-page .v11-section-editor summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px;cursor:pointer;color:#f4f5fa;font-size:16px;font-weight:700}
.dashboard-page .v11-section-editor summary small{color:#b5c0cb;font-weight:400;font-size:11px}
.dashboard-page .v11-section-editor[open] summary{background:#252936;border-bottom:1px solid #3b4150}
.dashboard-page .v11-section-editor .admin-form-grid{padding:20px}
.dashboard-page .v11-color-field input[type="color"]{height:56px;cursor:pointer;padding:5px;background:#0e1018!important}
.dashboard-page .v11-appearance .admin-sticky-actions{padding:24px 0 5px}
/* Study pages: one URL for each published lesson, shareable & keyboard friendly */
.v11-lesson-page{background:var(--bg);color:var(--text);font-family:'Alexandria','DM Sans',sans-serif}
.lesson-layout{min-height:100vh;display:flex;flex-direction:column}
.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1150px;width:calc(100% - 40px);margin:auto;padding:25px 0;border-bottom:1px solid var(--line)}
.lesson-brand{font-weight:800;font-size:21px}.lesson-brand span{font-weight:500;font-size:12px;color:var(--text-soft);margin-inline-start:10px}
.lesson-header-actions{display:flex;align-items:center;gap:12px}.lesson-action,.lesson-back{border:1px solid var(--line);border-radius:30px;padding:10px 15px;background:var(--panel);color:var(--text);font-size:12px}
.lesson-main{width:min(calc(100% - 42px),950px);margin:65px auto 100px;flex:1}
.lesson-kicker{color:#74b748;font-size:12px;font-weight:800}.lesson-kicker span{margin-inline:10px}.lesson-main h1{font-size:clamp(27px,5vw,58px);line-height:1.45;letter-spacing:0;margin:20px 0 10px}.lesson-summary{color:var(--text-soft);font-size:clamp(13px,1.4vw,18px);line-height:2}
.lesson-player{width:100%;aspect-ratio:16/9;margin:37px auto 12px;background:#06070a;overflow:hidden;border-radius:21px;border:1px solid var(--line)}
.lesson-player iframe,.lesson-player video{width:100%;height:100%;display:block;border:0;object-fit:contain}
.lesson-cover{width:100%;max-height:650px;object-fit:cover;border-radius:19px;margin:36px 0}
.lesson-youtube-external{display:inline-block;color:#8dc461;text-decoration:underline;text-underline-offset:7px;padding:10px 0;font-size:13px}
.lesson-body{margin:48px 0;border-top:1px solid var(--line);padding-top:28px;font-size:17px;line-height:2.35;white-space:normal;overflow-wrap:anywhere}
.lesson-body p{margin:0 0 28px}.lesson-resources{border-radius:20px;padding:25px;background:var(--panel);border:1px solid var(--line);margin-top:40px}.lesson-resources h2{font-size:22px;margin:0 0 20px}.lesson-resources>div{display:flex;flex-direction:column;gap:9px}.lesson-resource{display:block;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:17px;line-height:1.8;overflow-wrap:anywhere}.lesson-resource:hover{border-color:var(--accent)}
.lesson-bottom-back{display:inline-block;margin-top:40px;background:var(--accent);color:var(--accent-ink);padding:13px 23px;border-radius:30px;font-size:13px;font-weight:700}
.lesson-footer{max-width:1150px;width:calc(100% - 40px);margin:auto;padding:25px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--text-soft);font-size:12px}
.lesson-error,.lesson-loading{margin:120px auto;text-align:center}.lesson-error a{color:var(--accent)}
@media(max-width:700px){.lesson-header{flex-wrap:wrap}.lesson-main{margin-top:32px}.lesson-header-actions{flex-wrap:wrap}.lesson-body{font-size:15px}.dashboard-page .v11-section-editor summary{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.learning-card,.dashboard-page .admin-btn{transition:none!important;transform:none!important}}

.dashboard-page .v11-section-editor .form-field.checkbox{grid-column:1/-1;background:#252936;border-radius:11px;padding:15px;color:#eff3f8;font-weight:700}
.dashboard-page .v11-section-editor .form-field.checkbox input{accent-color:#c6fa8a;width:19px;height:19px}