/* DLS application design system. Deliberately opt-in: topic pages never receive this scope. */
html[data-dls-ui="lms"] { --lms-ink:#243340; --lms-muted:#637687; --lms-brand:#176ba5; --lms-border:#e0eceb; --lms-bg:#f7fafc; --lms-sidebar:228px; --lms-top:72px; color-scheme:light; }
html[data-dls-ui="lms"] body { margin:0!important; padding:0!important; background:var(--lms-bg)!important; color:var(--lms-ink); font-family:Inter,Arial,sans-serif!important; font-size:14px; line-height:1.55; }
html[data-dls-ui="lms"] *,html[data-dls-ui="lms"] *::before,html[data-dls-ui="lms"] *::after { box-sizing:border-box; }
html[data-dls-ui="lms"] :focus-visible { outline:3px solid var(--lms-brand)!important; outline-offset:3px; }
html[data-dls-ui="lms"] [hidden] { display:none!important; }
html[data-dls-ui="lms"] a { text-decoration:none; }
html[data-dls-ui="lms"] button,html[data-dls-ui="lms"] input,html[data-dls-ui="lms"] select,html[data-dls-ui="lms"] textarea { font:inherit; }
html[data-dls-ui="lms"] button,html[data-dls-ui="lms"] summary { cursor:pointer; }
.lms-skip { position:fixed; left:16px; top:-100px; z-index:10000; background:white; padding:12px 20px; border:2px solid var(--lms-brand); border-radius:8px; }
.lms-skip:focus { top:12px; }
html[data-dls-ui="lms"] .lms-sidebar { position:fixed!important; inset:0 auto 0 0!important; width:var(--lms-sidebar)!important; height:100dvh!important; min-height:0!important; padding:28px 18px 18px!important; display:flex!important; flex-direction:column; background:#fff!important; border-right:1px solid var(--lms-border)!important; backdrop-filter:none!important; overflow:auto; z-index:80!important; }
.lms-brand { display:flex; gap:10px; align-items:center; padding:0 10px 30px; color:var(--lms-ink); }
.lms-brand-mark { width:36px; height:39px; display:grid; place-items:center; color:white; background:var(--lms-brand); border-radius:11px 11px 11px 3px; font-size:20px; font-weight:800; }
.lms-brand strong { display:block; font-size:21px; letter-spacing:-.7px; line-height:1.2; }
.lms-brand small { display:block; font-size:10px; letter-spacing:1.6px; font-weight:600; color:var(--lms-muted); margin-top:4px; }
.lms-workspace { margin:0 6px 25px; border:1px solid var(--lms-border); background:#fafcfb; padding:11px; border-radius:9px; display:flex; align-items:center; gap:9px; color:var(--lms-ink); }
.lms-workspace strong { display:block; font-size:12px; }
.lms-workspace small { display:block; color:var(--lms-muted); font-size:11px; }
.lms-workspace>div { min-width:0; }
.lms-workspace [data-lms-school] { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lms-nav-label { margin:17px 12px 8px; color:#82918f; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link { display:flex; align-items:center; gap:11px; padding:10px 12px!important; margin:3px 0; border-radius:7px!important; color:#526565; font-size:13px; font-weight:500; border:0; background:none; min-height:40px; }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link:hover { color:var(--lms-brand); background:#f0f6f4; }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link[aria-current="page"] { color:#4589c1; background:#eefcfb!important; font-weight:650; }
.lms-sidebar .material-symbols-outlined { font-size:20px; }
.lms-sidebar-bottom { margin-top:auto; padding-top:28px; }
.lms-nova-card { margin:0 5px 20px; padding:15px; border:1px solid #dfebe5; border-radius:10px; background:#f6faf7; }
.lms-nova-card strong { display:flex; gap:7px; align-items:center; font-size:12px; }
.lms-nova-card p { margin:8px 0 12px; font-size:11px; color:var(--lms-muted); line-height:1.6; }
.lms-nova-card a { display:flex; justify-content:space-between; font-size:12px; font-weight:650; color:var(--lms-brand); }
html[data-dls-ui="lms"] .lms-topbar { position:fixed!important; inset:0 0 auto var(--lms-sidebar)!important; height:var(--lms-top)!important; padding:0 34px!important; background:rgba(255,255,255,.98)!important; border-bottom:1px solid var(--lms-border); display:flex!important; align-items:center; justify-content:space-between; gap:18px; z-index:70!important; width:auto!important; }
.lms-context { font-size:12px; color:var(--lms-muted); display:flex; align-items:center; gap:10px; white-space:nowrap; }
.lms-context b { color:var(--lms-ink); font-weight:550; }
.lms-top-actions { display:flex; align-items:center; gap:16px; }
.lms-search { width:280px; position:relative; display:flex; align-items:center; gap:8px; color:#82918f; }
.lms-search input { background:#f8f9fd!important; border:1px solid #e6ede9!important; border-radius:7px!important; padding:9px 12px 9px 36px!important; width:100%; height:38px!important; font-size:12px!important; font-weight:400!important; }
.lms-search>.material-symbols-outlined { position:absolute; left:10px; font-size:18px; z-index:1; }
.lms-icon-button { width:36px; height:36px; padding:0; border:1px solid var(--lms-border); border-radius:8px; background:white; display:grid; place-items:center; color:var(--lms-muted); }
.lms-icon-button .material-symbols-outlined { font-size:19px; }
.lms-profile { position:relative; }
.lms-profile summary { display:flex; align-items:center; gap:9px; list-style:none; font-size:12px; }
.lms-profile summary::-webkit-details-marker { display:none; }
.lms-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#e8efe7; color:#466a56; font-size:11px; font-weight:700; flex-shrink:0; }
.lms-profile-menu { position:absolute; top:46px; right:0; min-width:200px; padding:8px; background:white; border:1px solid var(--lms-border); box-shadow:0 12px 40px #24334014; border-radius:10px; }
.lms-profile-menu a,.lms-profile-menu button { display:block; width:100%; text-align:left; padding:10px; color:var(--lms-ink); background:white; border:0; border-radius:6px; font-size:13px; }
.lms-profile-menu a:hover,.lms-profile-menu button:hover { background:var(--lms-bg); }
.lms-mobile-toggle { display:none; }
.lms-backdrop { display:none; }
html[data-dls-ui="lms"] .lms-main { margin:0 0 0 var(--lms-sidebar)!important; padding:var(--lms-top) 0 0!important; min-height:100dvh!important; width:calc(100% - var(--lms-sidebar))!important; max-width:none!important; background:var(--lms-bg)!important; overflow:visible; }
html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content { max-width:1440px!important; width:100%!important; margin:0 auto!important; padding:38px 44px 64px!important; }
.lms-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:27px; }
.lms-eyebrow { font-size:10px; font-weight:650; letter-spacing:1.7px; text-transform:uppercase; color:#728581; margin:0 0 7px; }
html[data-dls-ui="lms"] .lms-heading h1 { font-family:Inter,Arial,sans-serif!important; font-size:30px!important; line-height:1.25!important; letter-spacing:-1px; color:var(--lms-ink)!important; font-weight:600!important; margin:0!important; }
.lms-heading p:not(.lms-eyebrow) { color:var(--lms-muted); font-size:14px; margin:9px 0 0; }
.lms-date { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--lms-muted); white-space:nowrap; }
.lms-date .material-symbols-outlined { font-size:16px; }
.lms-btn { display:inline-flex; gap:8px; align-items:center; justify-content:center; min-height:46px; padding:11px 19px; border:1px solid var(--lms-brand); border-radius:7px; background:var(--lms-brand); color:white!important; font-size:12px; font-weight:600; cursor:pointer; }
.lms-btn:hover { background:#4286bd; }
.lms-btn.secondary { background:white; color:var(--lms-ink)!important; border-color:var(--lms-border); }
.lms-btn .material-symbols-outlined { font-size:17px; }
.lms-link { display:inline-flex; align-items:center; gap:5px; color:var(--lms-brand)!important; font-size:13px; font-weight:600; }
.lms-link .material-symbols-outlined { font-size:16px; }
.lms-grid { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:25px; align-items:start; }
.lms-stack { display:grid; gap:24px; min-width:0; }
.lms-card { background:white; border:1px solid var(--lms-border); border-radius:18px; overflow:hidden; }
.lms-card-body { padding:27px; }
.lms-section-head { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:15px; }
html[data-dls-ui="lms"] .lms-section-head h2 { margin:0; font-size:18px!important; font-weight:650; letter-spacing:-.35px; color:var(--lms-ink)!important; }
.lms-section-head p { color:var(--lms-muted); font-size:11px; margin:4px 0 0; }
.lms-continue { background:#e9f2ec; border-color:#d5e5d8; padding:25px; position:relative; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.lms-continue::after { content:""; position:absolute; width:210px; height:210px; border:1px solid #c0d7c580; border-radius:50%; top:-100px; right:-60px; pointer-events:none; }
.lms-continue .lms-eyebrow { color:#447c61; }
html[data-dls-ui="lms"] .lms-continue h2 { font-size:25px!important; font-weight:600; letter-spacing:-.8px; color:#1f4737!important; margin:12px 0 6px; }
.lms-continue p { font-size:12px; color:#5d7b68; margin:6px 0 18px; max-width:440px; }
.lms-course-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:13px; background:#d6e8db; color:#3c7a54; }
.lms-course-icon .material-symbols-outlined { font-size:30px; }
.lms-progress { height:5px; background:#e8ede9; border-radius:20px; overflow:hidden; }
.lms-progress span { display:block; height:100%; background:#278375; border-radius:20px; }
.lms-progress-label { display:flex; justify-content:space-between; font-size:10px; color:var(--lms-muted); margin:11px 0 6px; }
.lms-subjects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.lms-subject { padding:18px; display:flex; flex-direction:column; align-items:start; gap:9px; color:var(--lms-ink); transition:transform .15s,border-color .15s; }
.lms-subject:hover { border-color:#9ebeb3; transform:translateY(-2px); }
.lms-subject .lms-course-icon { width:39px; height:39px; border-radius:10px; }
.lms-subject .lms-course-icon .material-symbols-outlined { font-size:21px; }
.lms-subject[data-subject="math"] .lms-course-icon { color:#576bb1; background:#eef0fb; }
.lms-subject[data-subject="ela"] .lms-course-icon { color:#ae7946; background:#fbf1e2; }
.lms-subject strong { font-size:13px; font-weight:600; margin-top:5px; }
.lms-subject p { font-size:11px; color:var(--lms-muted); margin:0; }
.lms-subject .lms-link { margin-top:5px; }
.lms-row { display:flex; gap:12px; align-items:center; padding:15px 0; border-bottom:1px solid #edf1ef; }
.lms-row:last-child { border-bottom:0; }
.lms-row-icon { width:35px; height:37px; background:#f0f4f2; border-radius:8px; color:#618274; display:grid; place-items:center; flex-shrink:0; }
.lms-row-icon .material-symbols-outlined { font-size:19px; }
.lms-row-copy { flex:1; min-width:0; }
.lms-row strong { font-size:14px; font-weight:550; display:block; color:var(--lms-ink); }
.lms-row p { color:var(--lms-muted); font-size:12px; margin:4px 0 0; }
.lms-tag { font-size:10px; font-weight:500; padding:4px 7px; border-radius:5px; background:#f1f5f2; color:#597564; white-space:nowrap; }
.lms-tag.amber { background:#fff5e4; color:#986822; }
.lms-tag.purple { background:#eefbfa; color:#6386a3; }
.lms-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:25px; }
.lms-stat { padding:19px 20px; }
.lms-stat p { font-size:11px; color:var(--lms-muted); margin:0 0 8px; }
.lms-stat strong { font-size:27px; letter-spacing:-1px; font-weight:600; line-height:1.2; }
.lms-stat small { font-size:10px; color:var(--lms-muted); display:block; margin-top:7px; }
.lms-progress-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:20px 0 3px; }
.lms-progress-summary strong { font-size:23px; font-weight:550; display:block; letter-spacing:-.5px; }
.lms-progress-summary span { font-size:10px; color:var(--lms-muted); }
.lms-progress-summary>div+div { border-left:1px solid var(--lms-border); padding-left:16px; }
.lms-mini-calendar { display:grid; grid-template-columns:repeat(7,1fr); text-align:center; gap:5px; margin:18px 0; }
.lms-mini-calendar span { padding:6px 0; font-size:10px; color:var(--lms-muted); }
.lms-mini-calendar b { display:grid; place-items:center; width:28px; height:28px; margin:auto; font-size:11px; font-weight:500; }
.lms-mini-calendar .today { border-radius:50%; color:white; background:var(--lms-brand); }
.lms-note { padding:16px; background:#fcfaf3; border:1px solid #efe8d1; border-radius:10px; }
.lms-note strong { font-size:12px; font-weight:600; }
.lms-note p { font-size:11px; color:#8b8164; line-height:1.7; margin:8px 0 0; }
.lms-empty { padding:24px; text-align:center; }
.lms-empty>.material-symbols-outlined { color:#79978b; font-size:29px; margin-bottom:9px; }
.lms-empty h3 { font-size:14px!important; margin:2px 0 7px; font-weight:600; }
.lms-empty p { font-size:12px; color:var(--lms-muted); max-width:410px; margin:0 auto 16px; }
.lms-notice { display:flex; align-items:center; gap:9px; border:1px solid #eaddb5; background:#fff9e9; color:#826522; padding:10px 15px; border-radius:7px; font-size:12px; margin-bottom:20px; }
.lms-notice a { margin-left:auto; text-decoration:underline; color:inherit; white-space:nowrap; }
.lms-feedback { font-size:12px; color:var(--lms-muted); }
.lms-page-intro { margin-bottom:25px!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; min-height:0!important; color:var(--lms-ink)!important; border-radius:0!important; }
html[data-dls-ui="lms"] .lms-page-intro h1,html[data-dls-ui="lms"] .lms-page-intro h2 { color:var(--lms-ink)!important; font-size:30px!important; line-height:1.25!important; font-weight:600!important; letter-spacing:-.8px; }
html[data-dls-ui="lms"] .lms-page-intro p { color:var(--lms-muted)!important; font-size:13px!important; max-width:750px; }
.lms-page-intro>div { padding:0!important; }
.lms-page-intro img,.lms-page-intro>.absolute { display:none!important; }
/* Shared workflow surfaces keep their existing controls and data attributes. */
html[data-dls-ui="lms"] .lms-main :is(.dls-section,.glass-card,.dls-live-card,.dls-live-table-wrap,.dls-workflow-panel,.dls-workflow-card,.dls-record-card) { background:#fff!important; border:1px solid var(--lms-border)!important; border-radius:16px!important; box-shadow:none!important; backdrop-filter:none!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-input,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) { border-radius:7px; border-color:#d4e0db; color:var(--lms-ink); font-weight:400; }
html[data-dls-ui="lms"] .lms-main :is(.dls-button-primary,.dls-button-secondary,.dls-stitch-submit,.dls-action-primary,.dls-action-secondary) { border-radius:7px!important; padding:10px 15px!important; font-size:12px!important; box-shadow:none!important; font-weight:600!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-button-primary,.dls-stitch-submit,.dls-action-primary) { background:var(--lms-brand)!important; color:white!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-button-secondary,.dls-action-secondary) { background:white!important; border:1px solid var(--lms-border)!important; color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .lms-main table { width:100%; border-collapse:collapse!important; font-size:12px; }
html[data-dls-ui="lms"] .lms-main th { background:#f7faf8!important; color:#71827a!important; text-transform:uppercase; letter-spacing:.7px; font-size:10px!important; font-weight:600; white-space:nowrap; }
html[data-dls-ui="lms"] .lms-main td,html[data-dls-ui="lms"] .lms-main th { padding:14px 16px!important; border-bottom:1px solid #e9eeeb!important; border-radius:0!important; }
html[data-dls-ui="lms"] .lms-main tr:hover td { background:#fafcfb; }
html[data-dls-ui="lms"] .lms-main :is(h2,h3) { letter-spacing:-.3px; }
html[data-dls-ui="lms"] .lms-main .dls-live-hero { background:none!important; padding:0 0 22px!important; border:0!important; color:var(--lms-ink)!important; box-shadow:none!important; }
html[data-dls-ui="lms"] .lms-main .dls-live-hero h1 { font-size:28px!important; color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .lms-main .dls-live-hero p { color:var(--lms-muted)!important; font-size:13px!important; }
html[data-dls-ui="lms"] .lms-main .dls-live-grid { gap:15px; }
html[data-dls-ui="lms"] .lms-main .lms-table-scroll { overflow:auto; max-width:100%; }
.lms-table-tools { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--lms-border); }
.lms-table-tools input { width:240px; max-width:100%; padding:8px 11px; border:1px solid var(--lms-border); background:#fff; }
.lms-table-tools span { font-size:11px; color:var(--lms-muted); }
.lms-sort { border:0; background:transparent; color:inherit; font:inherit!important; letter-spacing:inherit; text-transform:inherit; padding:0; }
.lms-table-pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:12px 16px; font-size:11px; color:var(--lms-muted); }
.lms-table-pagination button { border:1px solid var(--lms-border); padding:5px 10px; background:white; border-radius:5px; }
.lms-table-pagination button:disabled { opacity:.4; cursor:default; }
.lms-crumbs { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#7b8d85; font-size:11px; margin-bottom:20px; }
.lms-crumbs a { color:var(--lms-muted); }
.lms-crumbs .material-symbols-outlined { font-size:14px; }
/* Focused learning uses the same shell with subject-specific content treatment. */
html[data-dls-ui="lms"] .lms-main .dls-guided-layout { padding:0 0 24px!important; background:none!important; border:0!important; margin-bottom:24px!important; }
html[data-dls-ui="lms"] .lms-main .dls-guided-layout h1 { color:var(--lms-ink)!important; font-size:34px!important; line-height:1.2!important; letter-spacing:-1px; }
html[data-dls-ui="lms"] .lms-main .dls-guided-layout h1 em { font-style:normal; color:var(--lms-brand); }
html[data-dls-ui="lms"] .lms-main :is(.dls-guided-start,.dls-math-module-open) { background:var(--lms-brand)!important; border-radius:7px!important; box-shadow:none!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-math-module-card,.dls-path-course-card,.dls-standards-entry,.dls-guided-mastered,.ela-card,.book-card) { border:1px solid var(--lms-border)!important; border-radius:10px!important; box-shadow:none!important; background:white!important; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry { padding:23px!important; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry h2 { font-size:20px!important; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry-head p { font-size:12px; }
html[data-dls-ui="lms"] .lms-main .dls-entry-course-options a { border-radius:8px!important; padding:15px!important; }
html[data-dls-ui="lms"] .lms-main :is(.ela-hero,.book-hero,.reader-hero) { background:#ecfaf9!important; color:var(--lms-ink)!important; border:1px solid #def5f4; border-radius:11px!important; padding:28px!important; box-shadow:none!important; }
html[data-dls-ui="lms"] .lms-main :is(.ela-hero,.book-hero) h1 { color:#3b5265!important; font-size:32px!important; line-height:1.2!important; max-width:700px; }
html[data-dls-ui="lms"] .lms-main :is(.ela-hero,.book-hero) p { color:#6d7c88!important; font-size:13px!important; }
html[data-dls-ui="lms"] .lms-main .ela-hero-media { display:none!important; }
html[data-dls-ui="lms"] .lms-main .ela-hero-grid { display:block!important; }
html[data-dls-ui="lms"] .lms-main .reader-stage { max-width:none; margin:0; }
html[data-dls-ui="lms"] .lms-main .reader-page { font-size:var(--lms-reading-size,18px); line-height:1.85; }
.lms-reading-tools { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:12px 0; }
.lms-reading-tools button { padding:5px 12px; background:white; border:1px solid var(--lms-border); border-radius:5px; }
/* Subject catalog layouts: authored content cards, restrained course headers, readable books. */
html[data-dls-ui="lms"] .book-app-shell { display:block!important; }
html[data-dls-ui="lms"] .book-library-main { display:block!important; }
html[data-dls-ui="lms"] .book-library-main>.lms-crumbs { padding:26px 36px 0; }
html[data-dls-ui="lms"] .book-library-toolbar { position:relative; top:auto; margin:20px 36px; padding:15px; border:1px solid var(--lms-border); border-radius:9px; background:white!important; gap:14px; }
html[data-dls-ui="lms"] .book-library-toolbar input,html[data-dls-ui="lms"] .book-library-toolbar select { font-size:12px!important; }
html[data-dls-ui="lms"] .book-library-heading-row { padding:10px 36px 20px; background:none; border:0; box-shadow:none; }
html[data-dls-ui="lms"] .book-library-heading-row h1 { font:600 30px/1.2 Inter,Arial,sans-serif!important; letter-spacing:-.8px; color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .book-library-heading-row p,html[data-dls-ui="lms"] .book-count { font-size:12px; }
html[data-dls-ui="lms"] .book-cover-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:24px!important; padding:10px 36px 32px!important; }
html[data-dls-ui="lms"] .book-cover-card { background:white; border:1px solid var(--lms-border); border-radius:10px; padding:15px; }
html[data-dls-ui="lms"] .book-cover-card h2 { font-size:14px!important; line-height:1.45; }
html[data-dls-ui="lms"] .book-cover-card p { font-size:12px; }
html[data-dls-ui="lms"] .book-cover-art { height:225px; background:#f2f0e9; border-radius:6px; overflow:hidden; box-shadow:none; }
html[data-dls-ui="lms"] .book-cover-art img { height:100%; width:100%; object-fit:contain; }
html[data-dls-ui="lms"] .ela-library-heading { font:600 21px/1.3 Inter,Arial,sans-serif!important; }
html[data-dls-ui="lms"] .ela-topic-card { border:1px solid var(--lms-border)!important; border-radius:10px!important; box-shadow:none!important; background:white; }
html[data-dls-ui="lms"] .ela-topic-card>img { height:120px!important; object-fit:cover; }
html[data-dls-ui="lms"] .ela-topic-body { padding:21px; }
html[data-dls-ui="lms"] .ela-topic-body h2 { font:600 17px/1.4 Inter,Arial,sans-serif!important; color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .ela-topic-body p { font-size:12px; line-height:1.7; }
html[data-dls-ui="lms"] .ela-topic-body small { font-size:10px; color:var(--lms-muted); }
html[data-dls-ui="lms"] .ela-tag { border:0; border-radius:5px; background:#f3f2ec; color:#786b4f; font-size:10px; padding:5px 7px; }
html[data-dls-ui="lms"] .ela-eyebrow { color:#6d7c88!important; background:none!important; border:0!important; padding:0; font-size:10px; letter-spacing:1.5px; }
html[data-dls-ui="lms"] .ela-toolbar { gap:12px; background:none; padding:0; }
html[data-dls-ui="lms"] .ela-toolbar .dls-input { border-radius:7px!important; font-size:12px!important; padding:11px 13px!important; }
.lms-math-overview { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
.lms-course-completion>strong { display:block; font-size:38px; letter-spacing:-1px; line-height:1.4; }
.lms-course-completion>strong b { font-weight:600; }
.lms-course-completion>strong small { font-size:20px; color:var(--lms-muted); font-weight:500; }
.lms-course-completion>p:not(.lms-eyebrow) { font-size:12px; color:var(--lms-muted); margin:9px 0; }
.lms-course-completion>small { font-size:10px; color:var(--lms-muted); display:block; margin-top:12px; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry h2 { font:600 21px/1.35 Inter,Arial,sans-serif!important; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry h3 { font:600 14px/1.4 Inter,Arial,sans-serif!important; }
html[data-dls-ui="lms"] .lms-main .dls-standards-entry-grid { gap:18px; }
html[data-dls-ui="lms"] .lms-main .dls-entry-standard-options button { padding:11px 13px; border-radius:7px; background:#fff; }
html[data-dls-ui="lms"] .lms-main .dls-entry-standard-options button.is-active { background:#eaf4ef; border-color:#82b49c; }
html[data-dls-ui="lms"] .lms-main [data-dls-math-course-map] h2 { font-size:24px!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-math-module-card,.dls-math-module-list-card) h3 { font-size:18px!important; }
html[data-dls-ui="lms"] .reader-topbar { top:var(--lms-top); left:var(--lms-sidebar); background:white!important; border-color:var(--lms-border); color:var(--lms-ink)!important; height:60px; }
html[data-dls-ui="lms"] .reader-stage.lms-main { display:block; padding:calc(var(--lms-top) + 90px) 24px 90px!important; height:auto; overflow:auto; }
html[data-dls-ui="lms"] .reader-stage>.lms-crumbs { display:none; }
html[data-dls-ui="lms"] .reader-book { max-width:1100px; margin:auto; height:auto; }
html[data-dls-ui="lms"] .reader-spread { height:calc(100dvh - 270px); min-height:400px; filter:drop-shadow(0 4px 12px #24334010)!important; }
html[data-dls-ui="lms"] .reader-paper-page { overflow:auto; border-color:#e0ded4; background:#fffef9!important; padding:30px; }
html[data-dls-ui="lms"] .reader-bottombar { left:var(--lms-sidebar); color:var(--lms-ink)!important; background:white!important; border-color:var(--lms-border); }
html[data-dls-ui="lms"] .reader-drawer { z-index:85; top:calc(var(--lms-top) + 60px); }
html[data-dls-ui="lms"] .lms-main>.dls-stitch-action-hero,html[data-dls-ui="lms"] .lms-main>.dls-stitch-form-shell { max-width:1100px; margin:24px auto; }
html[data-dls-ui="lms"] .lms-main>.lms-crumbs { padding:24px 30px 0; }
html[data-dls-ui="lms"] .dls-shell { background:none!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-hero,.dls-governance-hero,.dls-stitch-action-hero) { background:none!important; color:var(--lms-ink)!important; border:0!important; box-shadow:none!important; border-radius:0!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-hero,.dls-governance-hero,.dls-stitch-action-hero) h1 { font-size:28px!important; color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-hero,.dls-governance-hero,.dls-stitch-action-hero) p { font-size:13px!important; color:var(--lms-muted)!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-card,.dls-governance-card,.dls-assignment-panel,.dls-stitch-form-shell) { background:white!important; border:1px solid var(--lms-border)!important; border-radius:10px!important; box-shadow:none!important; }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link { font-weight:500!important; }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link[aria-current="page"] { font-weight:650!important; }
@media(max-width:1100px) { html[data-dls-ui="lms"] .book-cover-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .book-library-toolbar { flex-wrap:wrap; }.book-toolbar-actions{flex-wrap:wrap} }
@media(max-width:760px) { .lms-math-overview{grid-template-columns:1fr}.lms-course-completion{display:none} html[data-dls-ui="lms"] .book-cover-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:10px 18px 30px!important; gap:12px!important; } html[data-dls-ui="lms"] .book-library-toolbar { margin:15px 18px; } html[data-dls-ui="lms"] .book-library-heading-row{padding:10px 18px 20px} html[data-dls-ui="lms"] .book-library-main>.lms-crumbs{padding-left:18px} .book-toolbar-actions{gap:7px} html[data-dls-ui="lms"] .book-cover-art { height:180px; } html[data-dls-ui="lms"] .reader-stage.lms-main { padding-left:8px!important;padding-right:8px!important; } html[data-dls-ui="lms"] .reader-spread{grid-template-columns:1fr}html[data-dls-ui="lms"] .reader-paper-page:last-child{display:none} }
.lms-preview-banner { position:fixed; bottom:12px; left:12px; width:210px; z-index:90; border:1px solid #d5e5d8; background:#eef5ef; border-radius:8px; padding:9px 12px; font-size:10px; color:#3f6753; box-shadow:0 4px 16px #24334008; }
.lms-preview-banner a { color:inherit; font-weight:650; text-decoration:underline; float:right; }
.lms-book-tabs { display:flex; flex-wrap:wrap; gap:6px; padding:18px 36px 0; }
.lms-book-tabs button { padding:9px 13px; border:1px solid transparent; background:transparent; border-radius:7px; color:var(--lms-muted); font-size:12px; }
.lms-book-tabs button.active { background:white; border-color:var(--lms-border); color:var(--lms-brand); font-weight:600; }
html[data-dls-ui="lms"] .lms-page-intro :is(.dls-pill,span.inline-flex),html[data-dls-ui="lms"] .dls-assignment-hero .dls-pill { padding:0!important; background:none!important; border:0!important; color:var(--lms-muted)!important; font-size:10px!important; letter-spacing:1.2px; font-weight:600!important; }
html[data-dls-ui="lms"] .lms-page-intro a.inline-flex { background:var(--lms-brand)!important; color:white!important; border-radius:7px!important; padding:10px 15px!important; font-size:12px!important; }
html[data-dls-ui="lms"] .lms-main>.dls-page>section.text-center h2 { font-size:20px!important; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-hero { margin-bottom:20px!important; padding:0!important; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-card h2 { font-size:18px!important; }
html[data-dls-ui="lms"] .nova-app { width:calc(100% - var(--lms-sidebar)); margin-left:var(--lms-sidebar); padding-top:var(--lms-top); height:100dvh; }
html[data-dls-ui="lms"] .nova-main.lms-main { margin:0!important; padding:0!important; width:100%!important; min-height:0!important; height:100%; }
html[data-dls-ui="lms"] .nova-main>.lms-crumbs { display:none; }
html[data-dls-ui="lms"] .nova-sidebar { position:fixed; top:var(--lms-top); left:var(--lms-sidebar); bottom:0; width:240px; transform:translateX(-250%); border-right:1px solid var(--lms-border); background:#fff; z-index:60; }
html[data-dls-ui="lms"] .nova-sidebar.is-open { transform:translateX(0); }
html[data-dls-ui="lms"] .nova-menu-button,html[data-dls-ui="lms"] .nova-mobile-close { display:flex; }
html[data-dls-ui="lms"] .nova-composer-shell { border-radius:12px; box-shadow:0 3px 12px #24334010; }
html[data-dls-ui="lms"] .nova-context-drawer { z-index:65; top:var(--lms-top); position:fixed; right:0; max-width:100vw; }
html[data-dls-ui="lms"] .nova-context-drawer:not(.is-open) { display:none; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] .lms-main { display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; padding:100px 20px 40px!important; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] :is(.math-field,.formula) { display:none!important; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] .launch-card { width:100%; max-width:620px; padding:30px; background:white; border:1px solid var(--lms-border); border-radius:12px; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] .launch-card p { color:var(--lms-muted); font-size:14px; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] .progress { max-width:100%; }
html[data-dls-ui="lms"][data-lms-template="math-launch.html"] .status { color:var(--lms-muted); }
html[data-dls-ui="lms"] .lms-sidebar { padding-bottom:75px!important; }
@media(max-width:760px) { .lms-book-tabs{padding:16px 18px 0}.lms-course-completion{display:block}.lms-course-completion>strong{font-size:28px} html[data-dls-ui="lms"] .reader-paper-page:last-child:not([hidden]){display:block} }
.lms-toast { position:fixed; bottom:24px; right:24px; background:var(--lms-ink); color:white; border-radius:8px; padding:13px 18px; z-index:200; max-width:calc(100vw - 40px); font-size:13px; }
.lms-settings-grid { display:grid; grid-template-columns:170px minmax(0,780px); gap:30px; align-items:start; }
html[data-dls-ui="lms"] .lms-main>.lms-action-heading { max-width:1180px; margin:32px auto 24px; padding:0 30px; }
html[data-dls-ui="lms"] .lms-main>.lms-form-layout { max-width:1180px; margin:0 auto 40px; padding:0 30px; }
html[data-dls-ui="lms"] .lms-form-layout :is(.glass-card,article) { padding:26px!important; }
html[data-dls-ui="lms"] .lms-form-layout .dls-stitch-form { gap:20px; }
html[data-dls-ui="lms"] .lms-form-layout button[type="submit"] { border-radius:7px; background:var(--lms-brand); color:#fff; font-size:13px; padding:11px 17px; }
.lms-course-tools { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; align-items:center; margin-bottom:22px; }
.lms-course-tools h2 { font-size:21px; font-weight:600; margin:0; }.lms-course-tools p{font-size:12px;color:var(--lms-muted);margin:6px 0 0}
.lms-course-tools label{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--lms-border);padding:8px 12px;border-radius:7px}.lms-course-tools label span{font-size:19px;color:var(--lms-muted)}.lms-course-tools input{border:0!important;background:transparent;outline-offset:5px;font-size:12px!important;padding:0!important;min-width:0}
html[data-dls-ui="lms"] .dls-math-next-lesson,html[data-dls-ui="lms"] .dls-math-simple-heading { display:none; }
html[data-dls-ui="lms"] .dls-math-simple-unit { border:1px solid var(--lms-border); border-radius:8px; background:white; box-shadow:none; }
html[data-dls-ui="lms"] .dls-math-simple-unit>summary { padding:18px 20px; }
html[data-dls-ui="lms"] .dls-math-simple-unit-copy>b { font-size:15px; font-weight:600; }
html[data-dls-ui="lms"] .dls-math-simple-unit-copy>small { font-size:11px; font-weight:400; }
html[data-dls-ui="lms"] .dls-math-simple-lessons a { border-radius:6px; }
html[data-dls-ui="lms"] .dls-math-simple-lessons a b { font-size:13px; font-weight:500; }
@media(max-width:760px){html[data-dls-ui="lms"] .lms-main>.lms-action-heading{padding:0 18px;align-items:flex-start}html[data-dls-ui="lms"] .lms-main>.lms-form-layout{padding:0 18px}.lms-action-heading>.lms-btn{white-space:nowrap}.lms-course-tools label{width:100%}.lms-course-tools input{width:100%}}
.lms-settings-nav { position:sticky; top:100px; display:grid; gap:5px; }
.lms-settings-nav a { color:var(--lms-muted); padding:9px 12px; border-radius:7px; font-size:13px; }
.lms-settings-nav a:hover { color:var(--lms-brand); background:#eefcfb; }
.lms-settings-grid section { scroll-margin-top:95px; }
.lms-account-details { display:flex; gap:12px; align-items:center; margin:20px 0; }
.lms-account-details strong { font-size:14px; }.lms-account-details p{font-size:12px;color:var(--lms-muted);margin:3px 0}.lms-account-details>.lms-tag{margin-left:auto}
.lms-preference { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:17px 0; border-top:1px solid var(--lms-border); cursor:pointer; }
.lms-preference strong { display:block; font-size:13px; font-weight:550; }.lms-preference small{display:block;font-size:12px;color:var(--lms-muted);margin-top:4px}.lms-preference input{width:18px;height:18px;accent-color:var(--lms-brand);flex-shrink:0}
html[data-dls-ui="lms"].lms-high-contrast { --lms-ink:#071c19;--lms-muted:#364e46;--lms-border:#728b80; }
html[data-dls-ui="lms"].lms-larger-text .lms-main :is(p,.lms-feedback) { font-size:15px!important; }
@media(max-width:760px){.lms-settings-grid{grid-template-columns:1fr;gap:20px}.lms-settings-nav{position:static;display:flex;overflow:auto}.lms-settings-nav a{white-space:nowrap}.lms-account-details{flex-wrap:wrap}.lms-account-details>.lms-tag{margin-left:0}}
html[data-dls-ui="lms"] body>.dls-mobile-nav-toggle,html[data-dls-ui="lms"] .dls-ela-math-topbar,html[data-dls-ui="lms"] .dls-utility-controls { display:none!important; }
/* Spacious navigation and a single action-led dashboard hierarchy. */
/* Typography contract: Jakarta for the application, Inter for records and analytics. */
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-card,.dls-assignment-panel,.dls-assignment-detail,.dls-assignment-question,.dls-assignment-view-controls) { background:white!important; border:1px solid var(--lms-border)!important; border-radius:17px!important; box-shadow:none!important; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-card { padding:26px!important; gap:18px; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-card:hover { transform:none; border-color:#bde8e6!important; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-card h2,.dls-assignment-card h3,.dls-assignment-panel-heading h2,.dls-assignment-question legend) { color:var(--lms-ink)!important; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-type { color:#7398b6; font-weight:600; font-size:10px; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-view-toggle { background:#edf9f8; padding:4px; border-radius:11px; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-view-toggle button { padding:12px 16px; color:#687d8f; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-view-toggle button.is-active { background:var(--lms-brand); color:white; }
html[data-dls-ui="lms"] .lms-main :is(.dls-assignment-meta,.dls-assignment-card-meta) { color:var(--lms-muted); font-size:12px; font-weight:500; }
html[data-dls-ui="lms"] .lms-main :is([role="tablist"],.dls-workflow-tabs,.dls-record-tabs) { gap:8px; padding:6px; background:#edf8f7; border-radius:12px; box-shadow:none; }
html[data-dls-ui="lms"] .lms-main :is([role="tab"][aria-selected="true"],.dls-workflow-tabs .active,.dls-record-tabs .active) { background:var(--lms-brand)!important; color:white!important; border-radius:9px; }
html[data-dls-ui="lms"] body,
html[data-dls-ui="lms"] :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,nav,small,strong,b,li) { font-family:'Plus Jakarta Sans',Arial,sans-serif!important; }
html[data-dls-ui="lms"] body { font-weight:400; }
html[data-dls-ui="lms"] :is(button,summary,nav a,.lms-btn,.dls-button-primary,.dls-button-secondary) { font-weight:600!important; }
html[data-dls-ui="lms"] .lms-main h1,
html[data-dls-ui="lms"] .lms-main .lms-heading h1,
html[data-dls-ui="lms"] .lms-main .lms-page-intro h1 { font-family:'Plus Jakarta Sans',Arial,sans-serif!important; font-weight:750!important; }
html[data-dls-ui="lms"] .lms-main :is(h2,h3,h4) { font-weight:650!important; }
html[data-dls-ui="lms"] .lms-main .lms-discovery-hero h2 { font-weight:750!important; }
html[data-dls-ui="lms"] :is(table,table *, .lms-stat,.lms-stat *, .lms-progress-ring,.lms-progress-ring *, .lms-progress-pair,.lms-progress-pair *, [data-chart], [data-chart] *) { font-family:Inter,Arial,sans-serif!important; font-variant-numeric:tabular-nums; }
html[data-dls-ui="lms"] .material-symbols-outlined { font-family:'Material Symbols Outlined'!important; }
.lms-library-welcome { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:32px 36px; background:#eaf0fc; border:1px solid #e1e7f5; border-radius:20px; margin-bottom:28px; }
.lms-library-welcome h2 { font-size:28px!important; line-height:1.3; margin:8px 0 12px; }
.lms-library-welcome p:not(.lms-eyebrow) { font-size:14px; color:var(--lms-muted); }
.lms-library-welcome>.material-symbols-outlined { font-size:80px; color:#9adfdc; font-variation-settings:'wght' 200; margin-right:20px; transform:rotate(-8deg); }
.lms-library-tabs { display:flex; gap:8px; flex-wrap:wrap; border-bottom:1px solid var(--lms-border); margin-bottom:24px; padding-bottom:15px; }
.lms-library-tabs button { padding:12px 18px; background:none; border:1px solid transparent; border-radius:10px; color:var(--lms-muted); font-size:14px; }
.lms-library-tabs button[aria-pressed="true"] { background:#e9fbfa; color:#508fc3; }
.lms-library-filters { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:30px; }
.lms-library-search { position:relative; flex:1; min-width:240px; }
.lms-library-search>.material-symbols-outlined { position:absolute; top:14px; left:14px; color:#919da6; font-size:20px; }
.lms-library-search input { width:100%; padding:12px 12px 12px 44px!important; min-height:47px; font-size:13px; background:white; border:1px solid var(--lms-border); }
.lms-library-filters select { max-width:215px; font-size:12px; border:1px solid var(--lms-border); background:white; padding:10px 34px 10px 14px; }
.lms-library-filters button[aria-pressed="true"] { background:#eafbfb; color:var(--lms-brand)!important; }
[data-library-count] { font-size:12px; color:var(--lms-muted); }
.lms-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.lms-library-topic { padding:25px; background:white; border:1px solid var(--lms-border); border-radius:17px; min-width:0; }
.lms-library-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.lms-library-topic .lms-course-icon { width:43px; height:43px; border-radius:12px; }
.lms-library-topic[data-domain="math"] .lms-course-icon { background:#ebfaf9; color:#73a6cf; }
.lms-library-topic[data-domain="ela"] .lms-course-icon { background:#fff0e9; color:#c38a63; }
.lms-library-card-top button { border:0; background:transparent; }
.lms-library-meta { font-size:10px; color:var(--lms-muted); line-height:1.6; margin-bottom:9px; }
.lms-library-topic h3 { font-size:18px!important; line-height:1.45; margin:0 0 12px; min-height:52px; }
.lms-library-topic h3 a { color:var(--lms-ink); }
.lms-library-description { font-size:12px; color:var(--lms-muted); line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:64px; }
.lms-library-card-actions { margin-top:24px; padding-top:18px; border-top:1px solid var(--lms-border); display:flex; flex-wrap:wrap; gap:15px; justify-content:space-between; }
.lms-library-card-actions button { background:none; border:0; padding:0; }
.lms-library-card-actions .lms-link { font-size:11px; }
.lms-library-lessons { margin-top:15px; font-size:12px; }
.lms-library-lessons summary { padding:8px 0; color:var(--lms-brand); }
.lms-library-lessons a { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--lms-border); color:var(--lms-ink); }
.lms-library-more { text-align:center; padding:30px 0; }
@media(max-width:1180px) { .lms-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .lms-library-grid { grid-template-columns:1fr; }.lms-library-welcome { padding:24px; }.lms-library-welcome>.material-symbols-outlined { display:none; }.lms-library-welcome h2 { font-size:24px!important; }.lms-library-tabs { gap:5px; }.lms-library-tabs button { padding:10px 12px; font-size:12px; }.lms-library-search { flex-basis:100%; min-width:0; }.lms-library-filters select { max-width:100%; width:100%; }.lms-library-topic h3 { min-height:0; }.lms-library-description { min-height:0; } }
html[data-dls-ui="lms"] .lms-curriculum-options { background:white!important; border:1px solid var(--lms-border)!important; padding:0!important; border-radius:15px!important; box-shadow:none!important; margin:24px 0!important; }
.lms-curriculum-options>summary { display:flex; align-items:center; gap:14px; padding:20px 24px; color:var(--lms-ink); font-size:14px; font-weight:600; list-style:none; }
.lms-curriculum-options>summary::-webkit-details-marker { display:none; }
.lms-curriculum-options>summary small { color:var(--lms-muted); font-size:12px; font-weight:400; margin-left:12px; }
.lms-curriculum-options>summary>.material-symbols-outlined { color:var(--lms-brand); }
.lms-curriculum-options>summary>.material-symbols-outlined:last-child { margin-left:auto; }
.lms-curriculum-options[open]>summary>.material-symbols-outlined:last-child { transform:rotate(180deg); }
.lms-curriculum-options .dls-standards-entry-grid { padding:0 24px 24px; }
@media(max-width:760px) { .lms-curriculum-options>summary small { display:block; margin:4px 0 0; }.lms-curriculum-options>summary { padding:18px; } }
.lms-workspace { border:0; background:transparent; padding:0 7px 20px; margin-bottom:18px; border-bottom:1px solid var(--lms-border); border-radius:0; }
.lms-workspace strong { font-size:12px; font-weight:500; color:var(--lms-muted); }
.lms-workspace small { margin-top:4px; font-size:11px; }
.lms-brand { padding-bottom:36px; }
.lms-brand-mark { background:var(--lms-brand); border-radius:12px; transform:rotate(-7deg); }
html[data-dls-ui="lms"] .lms-sidebar .dls-sidebar-link { min-height:49px; margin:6px 0; padding:12px!important; font-size:14px; border-radius:11px!important; color:#717386; }
.lms-more-nav summary { list-style:none; }
.lms-more-nav summary::-webkit-details-marker { display:none; }
.lms-more-nav summary>.material-symbols-outlined:last-child { margin-left:auto; font-size:17px; }
.lms-more-nav[open] summary { color:var(--lms-brand)!important; }
.lms-more-nav[open] summary>.material-symbols-outlined:last-child { transform:rotate(180deg); }
.lms-more-nav .lms-nav-label { letter-spacing:1px; font-size:9px; }
html[data-dls-ui="lms"] .lms-more-nav .dls-sidebar-link:not(summary) { font-size:12px; min-height:40px; margin:1px 0; }
.lms-context>span:first-of-type,.lms-context>span:nth-of-type(2) { display:none; }
.lms-context b { font-size:14px; }
.lms-avatar { background:#eefcfb; color:#5684aa; }
.lms-heading>.lms-date { font-size:12px; }
.lms-heading .lms-eyebrow { display:none; }
.lms-dashboard-columns { display:grid; grid-template-columns:minmax(0,1fr) 268px; gap:30px; align-items:start; margin-top:34px; }
.lms-discovery-hero { background:#e8f1fc; border:1px solid #dfe8f6; min-height:320px; padding:36px 42px; grid-template-columns:minmax(0,1fr) 240px; gap:36px; }
.lms-discovery-hero::after { width:330px; height:330px; right:-90px; top:70px; background:#e7f9f8; border:0; opacity:.85; }
.lms-discovery-hero>div { z-index:1; }
.lms-discovery-hero .lms-eyebrow { color:#5e7a91; font-size:11px; }
html[data-dls-ui="lms"] .lms-discovery-hero h2 { font-size:36px!important; line-height:1.18; color:#2a3056!important; max-width:600px; font-weight:650; letter-spacing:-1.2px; }
.lms-discovery-hero p { font-size:14px; color:#656d8a; margin:13px 0 20px; }
.lms-discovery-hero .lms-progress-label { max-width:300px; font-size:11px; }
.lms-discovery-hero .lms-progress { max-width:300px; height:6px; background:#d7ddef; }
.lms-progress span { background:#249d96; }
.lms-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:27px; }
.lms-hero-actions .lms-btn { font-size:14px; min-height:49px; padding:12px 22px; border-radius:10px; }
.lms-hero-actions .lms-btn.secondary { background:#ffffffb5; color:#4d7a9e!important; border-color:#ccefed; }
.lms-discovery-art { position:relative; height:235px; width:235px; }
.lms-art-orbit { position:absolute; inset:17px; border:1px dashed #a8b5d8; border-radius:50%; transform:rotate(-20deg); }
.lms-art-book { position:absolute; inset:48px 42px 50px; background:#61a6df; border-radius:36px 36px 36px 12px; display:grid; place-items:center; transform:rotate(-10deg); box-shadow:12px 14px 0 #bef1ee; color:white; }
.lms-art-book .material-symbols-outlined { font-size:78px; font-variation-settings:'wght' 250; }
.lms-art-spark { position:absolute; top:8px; right:13px; color:#e5b34e; font-size:50px; }
.lms-art-star { position:absolute; bottom:38px; left:1px; color:#72a8d5; font-size:46px; }
.lms-art-dot { position:absolute; top:43px; left:13px; width:16px; height:16px; background:#8ebcb1; border-radius:50%; }
.lms-art-caption { position:absolute; bottom:0; right:37px; font-size:14px; letter-spacing:.7px; color:#718595; transform:rotate(-7deg); }
.lms-subjects { gap:16px; }
.lms-subject { padding:22px; min-height:180px; position:relative; border-color:transparent; background:#edf5f1; }
.lms-subject[data-subject="math"] { background:#edfbfa; }
.lms-subject[data-subject="ela"] { background:#fff1e9; }
.lms-subject .lms-course-icon { width:44px; height:44px; background:white; border-radius:13px; }
.lms-subject[data-subject="math"] .lms-course-icon,.lms-subject[data-subject="ela"] .lms-course-icon { background:white; }
.lms-subject strong { font-size:16px; }
.lms-subject p { display:none; }
.lms-subject .lms-link { margin-top:auto; font-size:12px; }
.lms-progress-ring { width:150px; height:150px; margin:27px auto; padding:10px; border-radius:50%; background:conic-gradient(#249d96 var(--progress),#edf7f6 0); }
.lms-progress-ring>span { height:100%; border-radius:50%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.lms-progress-ring strong { font-size:30px; line-height:1.3; font-weight:600; }
.lms-progress-ring small { font-size:11px; color:var(--lms-muted); }
.lms-progress-pair { display:grid; grid-template-columns:1fr 1fr; text-align:center; gap:12px; }
.lms-progress-pair>span { font-size:11px; color:var(--lms-muted); }
.lms-progress-pair>span+span { border-left:1px solid var(--lms-border); }
.lms-progress-pair strong { display:block; font-size:19px; color:var(--lms-ink); margin-bottom:5px; }
.lms-nova-prompt { padding:8px 12px; }
.lms-nova-prompt>.material-symbols-outlined { color:#81cbc7; font-size:28px; }
.lms-nova-prompt h2 { font-size:17px!important; font-weight:600; margin:10px 0; }
.lms-nova-prompt p { font-size:13px; color:var(--lms-muted); margin:0 0 15px; }
.lms-action-hub { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:34px 38px; margin-bottom:28px; background:#edf0fc; border-color:#e3e5f5; }
.lms-action-hub h2 { font-size:29px!important; line-height:1.25; font-weight:600; margin:10px 0; }
.lms-action-hub p:not(.lms-eyebrow) { font-size:14px; color:var(--lms-muted); }
.lms-hub-symbol { width:135px; height:135px; flex-shrink:0; background:#d9f5f4; color:#7ba6ca; border-radius:40px 40px 40px 12px; transform:rotate(-8deg); display:grid; place-items:center; margin-right:20px; }
.lms-hub-symbol .material-symbols-outlined { font-size:76px; font-variation-settings:'wght' 200; }
.lms-stats { gap:0; background:transparent; border-block:1px solid var(--lms-border); padding:20px 0; margin:0 0 30px; }
.lms-stat { border:0; border-radius:0; background:none; padding:0 22px; }
.lms-stat+.lms-stat { border-left:1px solid var(--lms-border); }
.lms-stat p { font-size:12px; }
.lms-stat small { display:none; }
html[data-dls-ui="lms"] .lms-main :is(.ela-hero,.book-hero,.reader-hero) { padding:36px!important; border-radius:20px!important; }
html[data-dls-ui="lms"] .lms-main :is(.ela-topic-card,.dls-math-simple-unit) { border-radius:16px!important; box-shadow:none!important; }
@media(max-width:1180px) { .lms-dashboard-columns { grid-template-columns:minmax(0,1fr) 230px; gap:22px; }.lms-discovery-hero { padding:30px; grid-template-columns:minmax(0,1fr) 190px; }.lms-discovery-art { transform:scale(.85); transform-origin:center; width:190px; }.lms-subject { padding:18px; } }
@media(max-width:980px) { .lms-dashboard-columns { grid-template-columns:1fr; }.lms-dashboard-columns>aside { grid-template-columns:1fr 1fr; }.lms-discovery-hero { grid-template-columns:1fr; }.lms-discovery-art { display:none; }.lms-hub-symbol { display:none; } }
@media(max-width:760px) { .lms-discovery-hero { min-height:0; padding:26px!important; }.lms-discovery-hero::after { width:190px; height:190px; right:-100px; top:-80px; }html[data-dls-ui="lms"] .lms-discovery-hero h2 { font-size:29px!important; }.lms-dashboard-columns>aside { grid-template-columns:1fr; }.lms-hero-actions { flex-direction:column; align-items:stretch; }.lms-subject { min-height:155px; }.lms-subject strong { font-size:14px; }.lms-action-hub { padding:26px; }.lms-action-hub h2 { font-size:25px!important; }.lms-stat { padding:12px!important; }.lms-stat:nth-child(3) { border-left:0; }.lms-stats { padding:8px 0; }.lms-dashboard-columns { margin-top:26px; }.lms-card-body { padding:23px; }.lms-row .lms-tag { display:none; } }
@media(max-width:400px) { .lms-subject { min-height:90px; }.lms-subject .lms-link { margin-top:4px; } }
@media(min-width:1600px) { html[data-dls-ui="lms"] { --lms-sidebar:250px; } .lms-grid { grid-template-columns:minmax(0,1fr) 310px; gap:30px; } }
@media(max-width:1180px) { .lms-grid { grid-template-columns:minmax(0,1fr) 250px; gap:18px; } .lms-search { width:220px; } .lms-profile-name { display:none; } html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content { padding:26px!important; } .lms-stats { grid-template-columns:repeat(2,1fr); } }
@media(max-width:980px) { .lms-grid { grid-template-columns:1fr; } .lms-grid>.lms-stack:last-child { grid-template-columns:1fr 1fr; } .lms-grid>.lms-stack:last-child>.lms-note { grid-column:1/-1; } .lms-search { width:200px; } .lms-context { display:none; } }
@media(max-width:760px) { html[data-dls-ui="lms"] { --lms-sidebar:0px; --lms-top:64px; } html[data-dls-ui="lms"] .lms-sidebar { width:250px!important; transform:translateX(-100%); transition:transform .18s; } html[data-dls-ui="lms"] .lms-sidebar.is-open { transform:translateX(0); } html[data-dls-ui="lms"] .lms-topbar { padding:0 16px!important; } .lms-mobile-toggle { display:grid; } .lms-top-actions { gap:9px; flex:1; justify-content:flex-end; } .lms-search { width:min(230px,45vw); } .lms-profile-name,.lms-date { display:none; } .lms-backdrop.is-open { display:block; position:fixed; inset:0; z-index:79; background:#122a3260; border:0; } html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content { padding:24px 18px 50px!important; } .lms-heading { margin-bottom:22px; } html[data-dls-ui="lms"] .lms-heading h1 { font-size:25px!important; } .lms-continue { padding:21px; gap:10px; } .lms-continue>.lms-course-icon { display:none; } .lms-subjects { gap:9px; } .lms-subject { padding:14px 12px; } .lms-preview-banner { position:static; margin:12px 18px 0; width:auto; } .lms-stats { gap:10px; } .lms-stat { padding:16px; } .lms-grid>.lms-stack:last-child { grid-template-columns:1fr; } .lms-table-tools input { width:100%; } .lms-heading>.lms-btn { font-size:11px; padding:8px 11px; } }
@media(max-width:400px) { .lms-subjects { grid-template-columns:1fr; } .lms-subject { display:grid; grid-template-columns:40px 1fr; gap:4px 12px; } .lms-subject .lms-course-icon { grid-row:1/4; } .lms-subject p,.lms-subject .lms-link { grid-column:2; } .lms-top-actions { gap:5px; } }
@media(prefers-reduced-motion:reduce) { html[data-dls-ui="lms"] *,html[data-dls-ui="lms"] *::before { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
/* A persistent desktop collapse control and a dismissible mobile drawer. */
html[data-dls-ui="lms"] .lms-mobile-toggle {display:grid;flex-shrink:0}
html[data-dls-ui="lms"] .lms-sidebar-close {align-self:flex-end;flex-shrink:0;margin:-14px -6px 8px 0}
html[data-dls-ui="lms"] .lms-sidebar {overflow-x:hidden}
html[data-dls-ui="lms"] .lms-sidebar :is(.lms-brand,.lms-workspace,.dls-sidebar-link) {min-width:0;max-width:100%}
html[data-dls-ui="lms"] .lms-sidebar :is(.lms-brand>span:last-child,.lms-workspace>div,.dls-sidebar-link>span:not(.material-symbols-outlined)) {min-width:0;overflow-wrap:anywhere;white-space:normal}
html[data-dls-ui="lms"] .lms-sidebar .material-symbols-outlined {flex-shrink:0}
@media(min-width:761px){html[data-dls-ui="lms"].lms-nav-collapsed{--lms-sidebar:0px}html[data-dls-ui="lms"].lms-nav-collapsed .lms-sidebar{width:228px!important;transform:translateX(-100%);visibility:hidden}}
