@font-face{font-family:AtlasPlex;src:url('design-assets/fonts/ibm-plex-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AtlasPlex;src:url('design-assets/fonts/ibm-plex-arabic-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:AtlasKufi;src:url('design-assets/fonts/noto-kufi-arabic-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#f5f8f6;--surface:#fff;--surface-soft:#eaf1ec;--ink:#17352e;--muted:#62756d;--line:#dce5de;--accent:#175d47;--accent-strong:#104a38;--accent-soft:#e3efe8;--button-primary-bg:#175d47;--button-primary-bg-strong:#104a38;--button-primary-ink:#fff;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:16px;--shadow-soft:0 2px 6px #17352e06;--shadow:0 18px 48px #17352e1a}
:root[data-theme=dark]{--bg:#111e19;--surface:#1a2b23;--surface-soft:#233b2e;--ink:#e6f0e9;--muted:#b1c4b8;--line:#35493c;--accent:#9dd0b7;--accent-strong:#c9ecda;--accent-soft:#284534;--button-primary-bg:#9dd0b7;--button-primary-bg-strong:#c9ecda;--button-primary-ink:#17352e}
body,button,input,select,textarea{font-family:AtlasPlex,Arial,sans-serif}body{background:var(--bg);font-size:16px;line-height:1.8}h1,h2,h3,.brand strong{font-family:AtlasKufi,AtlasPlex,sans-serif;letter-spacing:-.35px;font-weight:650}button,strong,b,label{font-weight:600}p{color:var(--muted)}.preview-indicator{position:relative;z-index:45;background:#203e31;color:#d1e0d6;min-height:30px;display:flex;justify-content:center;align-items:center;font-size:11px;letter-spacing:.1px;padding:3px 12px}
.site-header{max-width:none;width:100%;margin:0;padding:0 max(28px,calc((100vw - 1260px)/2));height:86px;min-height:86px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--surface);gap:28px;position:relative;top:auto}.brand{gap:11px}.brand strong{font-size:16px;white-space:nowrap}.brand-mark{width:40px;height:40px}.main-nav{gap:20px;margin-inline-start:auto;align-self:stretch}.main-nav a{font-size:14px;font-weight:400;padding:0 6px;display:flex;align-items:center;border-radius:0;border:0;border-bottom:3px solid transparent;background:none}.main-nav a.active{background:transparent;box-shadow:none;border-color:var(--accent);color:var(--accent);font-weight:600}.theme-toggle{width:39px;height:39px;margin-block:auto;border:1px solid var(--line);border-radius:7px;box-shadow:none;background:var(--surface)}
.hero,.section,.page,.site-footer{width:min(1260px,calc(100% - 56px));max-width:1260px}.hero{margin:38px auto 0;padding:0;display:grid;grid-template-columns:47% 53%;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:415px;box-shadow:none}.hero-copy{padding:35px 34px;align-self:center}.hero-copy h1,.hero-copy h1.hero-title-balanced{font-size:30px;line-height:1.85;max-width:none;margin:14px 0}.hero-title-balanced>span{display:inline;white-space:normal}.hero-title-balanced>span+span:before{content:' '}.hero-copy p:not(.section-kicker){font-size:15px;line-height:2;max-width:440px;margin:0 0 22px}.section-kicker{font-size:11px;font-weight:600;letter-spacing:0;color:var(--accent);margin-bottom:12px}.hero-actions{gap:12px}.btn{font-size:14px;font-weight:600;border-radius:7px;padding:10px 18px;min-height:43px;box-shadow:none}.btn:hover{transform:none}.btn.secondary,.btn.ghost{background:transparent;color:var(--accent-strong);border-color:var(--line)}.btn.ghost{border-color:transparent}.hero-media{margin:0;min-height:415px;border:0;border-radius:0;box-shadow:none;position:relative;align-self:stretch;aspect-ratio:auto;background:var(--surface-soft)}.hero-media::before{display:none}.hero-media img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;border-radius:0;object-position:center}.hero-media figcaption{background:linear-gradient(transparent,#10281acc);border:0;border-radius:0;box-shadow:none;color:#fff;padding:45px 26px 22px;left:0;right:0;bottom:0}.hero-media figcaption strong{font-size:17px}.hero-media figcaption span{font-size:12px;color:#fff}
.section{margin:36px auto}.quick-paths{display:flex;gap:0;flex-wrap:wrap;padding:0 0 14px;border-bottom:1px solid var(--line)}.quick-paths>a{flex:1;border:0;border-inline-start:1px solid var(--line);box-shadow:none;border-radius:0;padding:10px 24px;background:none;min-height:72px;transform:none}.quick-paths>a:first-child{border-inline-start:0;padding-inline-start:0}.quick-path-copy strong{font-size:16px;font-weight:600}.quick-path-copy small{font-size:12px}.quick-path-arrow{background:none;width:auto;height:auto;color:var(--accent)}.section-heading h2{font-size:23px}.section-heading p{font-size:14px}.news-section .stage-picker{margin-bottom:22px}.stage-picker select{min-width:200px}
.page{margin:30px auto 50px;padding:0}.page-hero.compact{padding:0 0 26px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:0;margin:0}.page-hero.compact::before,.page-hero.compact::after{display:none}.page-hero.compact h1{font-size:29px;line-height:1.8;margin:0 0 8px}.page-hero.compact p{font-size:15px;max-width:650px}.page-hero .section-kicker{margin-bottom:4px;font-size:11px}.content-toolbar,.lesson-picker,.enrichment-picker,.assignment-picker{padding:18px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;margin:0 0 26px;gap:18px;max-width:none}.content-toolbar label,.stage-picker label{font-size:12px;color:var(--muted);gap:6px}.content-toolbar select{min-width:220px}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:none;font-size:14px;padding:9px 12px;min-height:42px}input[type=checkbox]{min-height:18px}textarea{line-height:1.9}label{color:var(--ink);font-size:13px}
.file-grid,.lesson-html-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.file-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;box-shadow:none;background:var(--surface);gap:0;transform:none}.file-card::before{display:none}.file-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17352e08;border-color:#9fbaaa}.file-card .file-art{height:190px;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0}.file-card .file-card-top{padding:16px 20px 0}.file-section{background:none;font-size:11px;padding:0;border:0;color:var(--muted);font-weight:400}.file-card h2,.file-card h3{font-size:16px;line-height:1.9;padding:0 20px;margin:9px 0;min-height:58px}.file-card p{font-size:12px;line-height:1.7;padding:0 20px;margin:0 0 16px}.file-card .card-actions{padding:14px 20px;margin:0;border-top:1px solid var(--line);gap:9px}.file-card .card-actions .btn{font-size:12px;min-height:34px;padding:5px 12px}.file-card .card-actions .primary{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.empty-state{padding:40px 28px;border:1px dashed var(--line);border-radius:10px;background:transparent;box-shadow:none}.empty-state h2{font-size:20px}.empty-state p{font-size:14px}
.site-footer{margin:48px auto 0;padding:24px 0;border-top:1px solid var(--line);background:none;box-shadow:none;border-radius:0;font-size:12px}.site-footer p{font-size:12px}.footer-email{width:30px;height:30px;background:none;border:0}
.lesson-viewer-page{width:min(1460px,calc(100% - 48px));padding:0;margin:26px auto}.lesson-viewer-heading{border:0;background:none;box-shadow:none;border-radius:0;padding:0 0 20px;margin:0}.lesson-viewer-heading h1{font-size:25px;line-height:1.8;margin:8px 0}.lesson-viewer-heading p{font-size:12px;margin:2px 0}.lesson-viewer-heading .back-link{font-size:12px;font-weight:400;color:var(--muted)}.lesson-html-shell{border:1px solid var(--line);border-radius:12px;box-shadow:none;overflow:hidden}.lesson-html-shell:fullscreen{border-radius:0}.lesson-linked-enrichment{padding:26px 0;border:0;background:none}.general-enrichment-card{box-shadow:none;border-radius:12px;background:var(--surface)}.general-enrichment-card h3{font-size:17px;line-height:1.8}.general-enrichment-card p{font-size:13px}.general-enrichment-grid{gap:22px}
/* Admin: original tab controls and data bindings are preserved. */
.admin-body{background:var(--bg)}.admin-page{padding:0}.admin-dashboard{grid-template-columns:235px minmax(0,1fr);min-height:calc(100dvh - 30px)}.admin-sidebar{background:var(--surface);padding:25px 18px;gap:20px;top:0;height:100dvh;border-inline-start:0;border-inline-end:1px solid var(--line);box-shadow:none}.admin-sidebar .brand strong{font-size:14px}.admin-sidebar .brand-mark{width:31px;height:31px}.admin-tabs{gap:3px}.admin-tab-group-label{font-size:10px;font-weight:400;padding:0 12px;margin-top:16px;margin-bottom:3px}.admin-tabs button{font-size:13px;min-height:36px;padding:7px 13px;border-radius:6px;font-weight:400}.admin-tabs button[aria-selected=true]{box-shadow:none;border-color:transparent;background:var(--accent-soft);font-weight:600}.admin-sidebar-actions .btn{font-size:12px;min-height:36px;padding:7px}.admin-workspace{padding:28px 34px;gap:24px;max-width:1550px;width:100%;margin:auto}.admin-topbar{padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:0}.admin-topbar h1{font-size:24px;margin:0;line-height:1.8}.admin-topbar .section-kicker{margin:0 0 4px;font-size:11px}.admin-panel-section{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:11px;box-shadow:none;gap:23px}.admin-section-head h2{font-size:22px;line-height:1.8;margin:0 0 5px}.admin-section-head p{font-size:13px;line-height:1.8}.admin-summary{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.admin-summary article{border:0;border-inline-end:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:25px}.admin-summary article:last-child{border:0}.admin-summary strong{font-size:32px;line-height:1.5;font-weight:400}.admin-summary span{font-size:13px;font-weight:400}.admin-form-grid{gap:18px}.admin-settings-form{gap:22px}.admin-form-grid input,.admin-form-grid select{font-size:14px}.admin-actions-row{gap:10px}.admin-actions-row .btn{font-size:13px}.form-message{font-size:13px}.toggle-row,.class-stage-card,.visibility-stage,.lesson-schedule-row,.roster-master-toggle{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:8px}.roster-student-row{box-shadow:none;border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0}.roster-toolbar,.assessment-toolbar{background:var(--surface-soft);border:0;box-shadow:none;border-radius:8px;padding:15px}.assessment-table-wrap{border-radius:8px;box-shadow:none}.assessment-table{font-family:AtlasPlex,sans-serif}.assessment-table select{font-size:13px}.assessment-row{font-size:13px}.assessment-date{font-size:13px}.library-toolbar{padding:12px 0;gap:14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.library-toolbar label{font-size:12px}.lesson-library-stats{gap:10px}.lesson-library-stats>*{box-shadow:none;border-radius:7px;background:var(--surface-soft);padding:13px 16px}.lesson-admin-list{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lesson-admin-card{padding:20px;border:0;border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;background:var(--surface)}.lesson-admin-card:last-child{border-bottom:0}.lesson-admin-card h3{font-size:15px;line-height:1.9}.lesson-admin-card p{font-size:12px}.lesson-admin-card .btn{font-size:12px;min-height:34px;padding:6px 11px}.lesson-state{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px}.lesson-targeting-grid fieldset{border:1px solid var(--line);border-radius:8px;background:none}.atlas-editor{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.atlas-editor>summary{cursor:pointer;list-style:none;padding:13px 17px;color:var(--accent-strong);font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.atlas-editor>summary::after{content:'+';font-size:24px;font-weight:400;line-height:1}.atlas-editor[open]>summary::after{content:'−'}.atlas-editor>summary::-webkit-details-marker{display:none}.atlas-editor>.lesson-editor{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:22px}.atlas-admin-select{display:none}.admin-login-card{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:35px;gap:20px}.admin-login-card h1{font-size:25px}.admin-login-card p{font-size:14px}.admin-login-card .brand{font-size:15px}.lesson-schedule-row{padding:14px;font-size:13px}
.league-team-card,.league-team,.league-standings-card{box-shadow:none}.league-page .page-hero{padding:0 0 22px}.league-board{gap:16px}.league-wheel-modal h2{font-size:23px}.league-team-name{font-family:AtlasKufi,AtlasPlex,sans-serif;font-size:18px}.league-selector,.league-picker{box-shadow:none}.icon-btn{border-radius:6px;font-family:AtlasPlex,sans-serif;font-weight:400}.btn:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(min-width:1500px){.hero-copy h1,.hero-copy h1.hero-title-balanced{font-size:33px}}
@media(max-width:1050px){.site-header{padding:0 25px;gap:20px}.main-nav{gap:12px}.main-nav a{font-size:12px}.brand strong{font-size:14px}.hero-copy{padding:26px}.hero-copy h1,.hero-copy h1.hero-title-balanced{font-size:25px}.hero-copy p:not(.section-kicker){font-size:14px}.hero-media{min-height:430px}.file-grid,.lesson-html-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard{grid-template-columns:205px minmax(0,1fr)}.admin-workspace{padding:24px}.admin-sidebar{padding:24px 12px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:800px){.site-header{height:74px;min-height:74px;padding:0 20px;flex-wrap:wrap}.main-nav{display:none;position:absolute;top:74px;right:16px;left:16px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);align-items:stretch;z-index:40;height:auto;margin:0}.main-nav.open,.site-header.menu-open .main-nav,.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{padding:9px 13px;border:0;border-radius:5px;font-size:14px}.main-nav a.active{background:var(--accent-soft)}.main-nav .theme-toggle{margin:5px 12px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:6px;min-height:38px;background:var(--surface);font-size:12px;margin-inline-start:auto}.hero{grid-template-columns:1fr;margin-top:22px}.hero-copy{padding:28px}.hero-copy h1,.hero-copy h1.hero-title-balanced{font-size:28px;max-width:600px}.hero-copy p:not(.section-kicker){max-width:600px}.hero-media{min-height:280px;height:280px}.quick-paths>a{padding:8px 15px}.quick-path-copy strong{font-size:14px}.quick-path-copy small{font-size:10px}.admin-dashboard{display:block}.admin-sidebar{position:relative;height:auto;top:auto;padding:15px 20px;gap:12px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;overflow:visible}.admin-sidebar .brand{display:none}.admin-tabs{display:none}.atlas-admin-select{display:block;min-width:0;width:100%;font-size:14px}.admin-sidebar-actions{display:flex;gap:5px;margin:0}.admin-sidebar-actions .btn{padding:6px;font-size:10px}.admin-workspace{padding:24px 20px}.admin-panel-section{padding:20px}.admin-topbar h1{font-size:21px}.lesson-viewer-page{width:calc(100% - 30px)}.lesson-viewer-heading h1{font-size:22px}}
@media(max-width:600px){body{font-size:15px}.preview-indicator{font-size:10px;min-height:26px}.hero,.section,.page,.site-footer{width:calc(100% - 32px)}.brand strong{font-size:13px}.brand-mark{width:34px;height:34px}.hero-copy{padding:25px}.hero-copy h1,.hero-copy h1.hero-title-balanced{font-size:25px;line-height:1.9}.hero-copy p:not(.section-kicker){font-size:14px;line-height:1.95}.hero-media{min-height:230px;height:230px}.hero-media figcaption{padding:30px 18px 15px}.hero-media figcaption strong{font-size:14px}.hero-media figcaption span{font-size:11px}.hero-actions .btn{padding:8px 14px;font-size:12px}.quick-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.quick-paths>a{padding:5px 10px;min-width:0}.quick-paths>a:nth-child(odd){border:0;padding-inline-start:0}.page{margin-top:24px}.page-hero.compact h1{font-size:25px}.page-hero.compact p{font-size:13px}.content-toolbar{grid-template-columns:1fr 1fr;gap:12px;padding:14px 0}.content-toolbar select{min-width:0;font-size:13px;width:100%}.content-toolbar label{min-width:0}.file-grid,.lesson-html-grid{grid-template-columns:1fr;gap:16px}.html-lesson-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:0;position:relative}.html-lesson-card .file-art{grid-column:1;grid-row:1/5;height:100%;min-height:170px;object-fit:cover}.html-lesson-card .file-card-top,.html-lesson-card h2,.html-lesson-card p,.html-lesson-card .card-actions{grid-column:2}.html-lesson-card .file-card-top{padding:10px 13px 0}.html-lesson-card h2{font-size:13px;padding:0 13px;margin:5px 0;min-height:0;line-height:1.9}.html-lesson-card .lesson-meta{font-size:10px;padding:0 13px;margin:2px 0 10px}.html-lesson-card .card-actions{padding:9px 12px}.html-lesson-card .card-actions .btn{font-size:11px;padding:3px 7px;min-height:32px}.file-card:not(.html-lesson-card) .file-art{height:180px}.section-heading h2{font-size:21px}.site-footer{margin-top:30px;font-size:11px;gap:12px}.admin-workspace{padding:22px 14px}.admin-panel-section{padding:18px 14px;gap:18px}.admin-section-head h2{font-size:20px}.admin-section-head p{font-size:12px}.admin-topbar h1{font-size:20px}.admin-form-grid{grid-template-columns:1fr;gap:15px}.admin-summary article{padding:18px}.admin-summary strong{font-size:28px}.admin-summary span{font-size:12px}.atlas-editor>.lesson-editor{padding:16px 12px}.lesson-admin-card{padding:16px 13px}.lesson-admin-card h3{font-size:13px}.library-toolbar{grid-template-columns:1fr 1fr;display:grid}.library-toolbar label:last-child{grid-column:1/-1}.lesson-viewer-heading h1{font-size:19px}.lesson-viewer-heading p{font-size:11px}.lesson-viewer-page{margin-top:20px}.general-enrichment-grid{grid-template-columns:1fr}.admin-login{padding:18px}.admin-login-card{padding:25px}.admin-login-card h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Final visual refinements, without changing visibility or publication rules. */
.section-kicker,.page-hero.compact .section-kicker,.lesson-viewer-heading .section-kicker{background:none;border:0;box-shadow:none;border-radius:0;padding:0;min-height:0}.hero-media figcaption{width:auto;max-width:none;backdrop-filter:none;inset-inline:0}.btn.primary,.quick-path-arrow{box-shadow:none}.content-toolbar.lesson-picker{grid-template-columns:repeat(2,230px);border-top:1px solid var(--line)}.admin-workspace{margin:0 auto;align-self:start}.admin-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.lesson-library-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 16px;border:1px solid var(--line)}.lesson-library-stats strong{font-size:25px;font-weight:400}.lesson-library-stats span{font-size:12px}.lesson-admin-card{grid-template-columns:82px minmax(0,1fr) auto;gap:14px}.lesson-admin-card>img{width:82px;height:68px;border-radius:6px;object-fit:cover}.lesson-admin-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}.lesson-admin-actions .btn{flex:0 0 auto;width:auto}.atlas-schedule{grid-column:1/-1;border-top:1px solid var(--line);padding-top:9px}.atlas-schedule>summary{font-size:12px;cursor:pointer;color:var(--muted)}.atlas-schedule .schedule-inline{padding:12px 0 0;border:0;background:none}.atlas-schedule input,.atlas-schedule select{font-size:12px;min-height:35px}.atlas-schedule label{font-size:11px}
@media(max-width:1050px){.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-admin-card{grid-template-columns:72px minmax(0,1fr)}.lesson-admin-actions{grid-column:2;max-width:none}}
@media(max-width:600px){.content-toolbar.lesson-picker{grid-template-columns:1fr 1fr}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-admin-card{grid-template-columns:58px minmax(0,1fr);gap:10px}.lesson-admin-card>img{width:58px;height:58px}.lesson-admin-actions{grid-column:1/-1}.lesson-library-stats{grid-template-columns:1fr 1fr}.lesson-library-stats>div{min-height:50px;padding:7px 12px}.lesson-library-stats strong{font-size:22px}}