/* Onlinedars Experience: presentation only. */
:root{--experience-paper:#f7f8f4;--experience-card:#fff;--experience-ink:#203744;--experience-muted:#53656e;--experience-line:#dde4dc;--experience-teal:#08695e;--experience-tint:#e8f3ed;--experience-shadow:0 3px 12px #20374404,0 16px 40px #20374403;--brand:#08695e;--accent:#08695e;--muted:#53656e;--studio-navy:#203744;--studio-ink:#203744;--studio-teal:#08695e;--studio-line:#dde4dc;--studio-paper:#f7f8f4;font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;color:#203744;background:#f7f8f4}
body{background:var(--experience-paper);color:var(--experience-ink)}
.studio-shell{color:var(--experience-ink);line-height:1.65;font-size:.9375rem}.studio-shell .workspace{background:var(--experience-paper)}.studio-shell :is(h1,h2,h3){color:var(--experience-ink);letter-spacing:-.035em}.studio-shell h1{font-size:clamp(1.75rem,2.3vw,2.2rem);line-height:1.18;font-weight:740}.studio-shell h2{font-size:1.22rem;line-height:1.35;font-weight:720}.studio-shell h3{font-size:1.02rem;line-height:1.5}.studio-shell :is(p,li){line-height:1.75}.studio-shell :is(small,.muted){color:var(--experience-muted)}.studio-shell .eyebrow{color:var(--experience-teal);font-size:.6875rem;letter-spacing:.13em}.studio-shell a{color:#066357;text-underline-offset:3px}
.studio-shell :is(button,input,select,textarea,summary){border-radius:10px}.studio-shell button{min-height:44px;font-weight:650;transition:background-color .15s,border-color .15s,box-shadow .15s}.studio-shell button:hover{filter:none}.studio-shell button:disabled{cursor:not-allowed}.studio-shell button.secondary{background:#f0f4ef;color:#355347;border:1px solid #dce5db}.studio-shell button.secondary:hover{background:#e4eee4;border-color:#c2d6c7}.studio-shell button.danger{background:#a32e40;color:#fff}.studio-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #08695e;outline-offset:3px}
.studio-shell :is(input,select,textarea){border:1px solid #bccac0;background:#fff;color:var(--experience-ink);box-shadow:none;padding:11px 13px}.studio-shell :is(input,select,textarea):hover{border-color:#8ca397}.studio-shell :is(input,select,textarea):focus{border-color:#08695e}.studio-shell input:not([type=checkbox]):not([type=radio]),.studio-shell select{min-height:46px}.studio-shell input::placeholder,.studio-shell textarea::placeholder{color:#61736b;opacity:1}.studio-shell input[type=checkbox],.studio-shell input[type=radio]{accent-color:var(--experience-teal)}.studio-shell label{color:#3e554a;font-size:.86rem;font-weight:650}.studio-shell fieldset{min-width:0;border-color:var(--experience-line);border-radius:14px}.studio-shell legend{padding:0 8px;color:#355347}.studio-shell progress{accent-color:var(--experience-teal)}
.studio-shell .panel{border-color:var(--experience-line);border-radius:18px;padding:26px;background:#fff;box-shadow:var(--experience-shadow);margin-bottom:22px}.studio-shell .grid{gap:20px}.studio-shell .badge{border:1px solid #dbe7df;color:#385347;background:#eef4ee;border-radius:7px;font-size:.75rem}.studio-shell .warning{color:#735118;border-color:#e8cf9e;background:#fff8e8;border-radius:13px}.studio-shell .error{color:#8d2939;border:1px solid #e5bbc1;background:#fff2f3;border-radius:13px}.studio-shell .actions{gap:10px}.studio-shell .page-intro{align-items:center;gap:22px;margin-bottom:27px}.studio-shell .page-intro h1{margin:5px 0 10px}.studio-shell .page-intro p{max-width:68ch;font-size:.9rem;color:var(--experience-muted)}.studio-shell .page-intro>div{min-width:0}.studio-shell .date-pill{color:#53685b;font-size:.75rem;background:#fff;border-color:#dde4dc;border-radius:9px;padding:9px 12px}
/* Calm, light navigation. */
.studio-shell .global-nav{background:#fff;color:var(--experience-ink);border-right:1px solid var(--experience-line);padding:28px 16px 18px;scrollbar-color:#b5c7ba #fff}.studio-shell .rail-brand{padding:0 10px;gap:12px;margin-bottom:30px}.studio-shell .rail-brand>b{background:#e9f3ed;color:#08695e;border-radius:13px;width:44px;height:46px}.studio-shell .rail-brand strong{font-size:1.3125rem;color:#203744;letter-spacing:-.055em}.studio-shell .rail-brand small{font-size:.6875rem;color:#586c60}.studio-shell .studio-nav-caption{color:#647366;font-size:.625rem;letter-spacing:.13em;padding:0 13px}.studio-shell .studio-nav-section{gap:4px;margin-bottom:20px}
.studio-shell .global-nav button{color:#52655a;border-radius:11px;min-height:45px;padding:11px 13px;gap:12px;font-size:.8125rem;font-weight:550}.studio-shell .global-nav button>span.studio-nav-label{font-size:.8125rem}.studio-shell .global-nav button>svg{width:20px;height:20px;color:#5f7767}.studio-shell .global-nav button:hover{background:#f3f6f0;color:#203744}.studio-shell .global-nav button.active{color:#075e50;background:#e8f3e9;box-shadow:inset 3px 0 #0b7865;font-weight:740}.studio-shell .global-nav button.active:hover{background:#dfeee1}.studio-shell .global-nav button.active>svg{color:#08695e}.studio-shell .global-nav button:focus-visible{outline-color:#08695e;outline-offset:-2px}.studio-shell .global-nav .nav-count{background:#f7e2b0;color:#674717;border:1px solid #e1c98e;font-weight:750;min-width:22px;height:22px;border-radius:7px}
.studio-shell .rail-bottom{color:#657368;border-top-color:var(--experience-line);font-size:.6875rem;padding:18px 9px 0}.studio-shell .studio-rail-dot{background:#0b7865}.studio-shell .experience-rail-user{margin-top:auto;padding:16px 9px 0;border-top:1px solid #e4e9e0;display:flex;align-items:center;gap:10px;color:#203744}.studio-shell .experience-rail-user .avatar{background:#edf3e8;color:#3a6143}.studio-shell .experience-rail-user>span{min-width:0}.studio-shell .experience-rail-user strong{display:block;font-size:.75rem;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-shell .experience-rail-user small{display:block;font-size:.6875rem;color:#53675a}
.studio-shell .experience-role-tag{display:inline-flex;align-items:center;border:1px solid #d9e6dc;background:#f2f7ef;color:#416147;font-size:.6875rem;font-weight:650;padding:3px 8px;border-radius:6px;letter-spacing:0}.studio-shell .breadcrumb>span:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#5c7162;letter-spacing:.15em;font-size:.625rem}.studio-shell .topbar{background:#fffffff5;color:#203744;border-bottom-color:var(--experience-line);padding:18px 32px;gap:20px;box-shadow:none}.studio-shell .breadcrumb>strong{font-size:1.125rem;color:#203744;font-weight:700}.studio-shell .studio-header-utilities{gap:12px}.studio-shell .studio-search{background:#f7f9f4;color:#51685b;border-color:#dce5d9;min-height:44px;border-radius:10px}.studio-shell .studio-search:hover{background:#edf3e9}.studio-shell .header-actions .studio-tool{width:44px;height:44px;min-height:44px;color:#52675a;border-radius:10px}.studio-shell .header-actions .studio-tool:hover{border-color:#dce5d9;background:#f0f5ec}.studio-shell .header-actions .studio-tool[data-action=logout]:hover{color:#9e2c3b;background:#fff0f2;border-color:#efd3d8}.studio-shell .profile{border-left-color:var(--experience-line)}.studio-shell .profile b{color:#203744;font-size:.75rem}.studio-shell .profile small{color:#53675a;font-size:.6875rem}.studio-shell .avatar{border-radius:13px;background:#edf3e8;color:#3a6143;box-shadow:0 0 0 1px #d8e4d5}.studio-shell .workspace>main.wrap{padding:32px;max-width:1640px}.studio-shell .workspace>footer{border-color:var(--experience-line);color:#5c6b60;padding:24px 32px}.studio-shell .workspace>footer>span:first-child{color:#3b5846}.studio-shell .studio-skip{color:#075e50;background:#fff;box-shadow:0 4px 24px #20374424}.studio-shell .experience-more-heading{grid-column:1/-1;color:#53675a;font-size:.75rem;font-weight:700;padding:3px 4px 7px}.studio-shell .experience-preferences{grid-column:1/-1}
/* Shared structure for forms, tables and the lesson workspace. */
.studio-shell .course-tabs{border-color:#dce5d9;border-radius:13px;background:#fff;padding:6px;gap:5px}.studio-shell .course-tabs button{min-height:44px;padding:10px 14px;color:#52665a;background:transparent;font-size:.8125rem}.studio-shell .course-tabs button.active{color:#086052;background:#e7f2e8;border-color:transparent}.studio-shell .course-tabs button:hover{background:#f2f6ee}.studio-shell .table-scroll{border-color:#dfe5dc;border-radius:13px;overscroll-behavior-inline:contain}.studio-shell table{font-size:.85rem;color:#203744}.studio-shell th{background:#f1f5ed;color:#47604c;font-size:.75rem;padding:15px 16px;line-height:1.5}.studio-shell td{padding:15px 16px;border-color:#e7ebe3;color:#304c3d}.studio-shell tbody tr:nth-child(even){background:#fbfcf9}.studio-shell tbody tr:hover{background:#f1f7ee}.studio-shell td :is(input,select,button){max-width:100%}
.studio-shell .course-card{border-color:#dce5d9;border-radius:17px;box-shadow:var(--experience-shadow)}.studio-shell .course-cover{height:125px}.studio-shell .course-color-0{background:#276a58}.studio-shell .course-color-1{background:#58678b}.studio-shell .course-color-2{background:#91713d}.studio-shell .course-color-3{background:#627c55}.studio-shell .course-color-4{background:#4a7180}.studio-shell .course-content{padding:23px}.studio-shell .course-content h2{color:#203744;font-size:1.06rem}.studio-shell .course-content button{border-color:#c9dccb;color:#08695e;background:#f1f7ed;min-height:44px}.studio-shell .course-counts{border-top-color:#e6ece1;color:#53665a}.studio-shell .empty-state{padding:38px 24px;border-radius:14px;background:#fafcf7}.studio-shell .empty-state p{color:#53665a}.studio-shell .deadline-strip{background:#f6f9f2;border-color:#dce6d7;color:#53634d}.studio-shell .file-chip{background:#f2f7ef;border-color:#dbe7d6;border-radius:12px}.studio-shell .grading-guide,.studio-shell .course-grading-summary{border-color:#dde6d8;background:#f9fbf5;border-radius:12px}.studio-shell .grading-guide summary,.studio-shell .course-grading-summary>summary{color:#49624c}.studio-shell .review-item{border-radius:11px;color:#203744}.studio-shell .review-item:hover{background:#f3f7ee;color:#203744}.studio-shell .review-item.active{background:#eaf4e9;color:#175c47;border-color:#b5d2b9}.studio-shell .submission-paper{background:#fafcf7;border-color:#e0e7db;border-radius:13px}.studio-shell .review-count,.studio-shell .stat{color:#08695e}
/* Reading surface only: author-selected descendant fonts and colours stay intact. */
.studio-shell .lesson-reader{padding:28px;border:1px solid #dde5da;border-radius:18px}.studio-shell .lesson-heading{border-color:#e2e9dd;padding-bottom:22px;margin-bottom:22px}.studio-shell .lesson-heading h2{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.4}.studio-shell .lesson-position{color:#3c624a;background:#eff5e9;border:1px solid #dce7d4}.studio-shell .lesson-tabs{border:1px solid #e3eadd;background:#f4f7ef;gap:6px;padding:6px;border-radius:12px}.studio-shell .lesson-tabs [role=tab]{min-height:44px;color:#536750;background:transparent;border-radius:8px;font-size:.85rem}.studio-shell .lesson-tabs [role=tab][aria-selected=true]{color:#075e50;background:#fff;box-shadow:0 2px 7px #2037440d;border-color:transparent}.studio-shell .lecture{background:#fafbf7;border:1px solid #e8eddf;border-radius:13px;padding:25px;font-size:1rem;line-height:1.9;color:#30483b}.studio-shell .lesson-navigation{background:#fff;border-color:#dce5d9;border-radius:15px}.studio-shell .lesson-navigation>summary{background:#fff;color:#35583f}.studio-shell .lesson-navigation-count{background:#edf4e8;color:#3d6846}.studio-shell .module-outline{border-color:#e2e8dd;background:#fff}.studio-shell .module-outline>summary{color:#3e5946;background:#f7faf2}.studio-shell .module-outline>summary small{color:#556b58}.studio-shell button.lesson{color:#4b6250;border:1px solid transparent;background:#fff;padding:14px;line-height:1.55;font-size:.8125rem}.studio-shell button.lesson.active{color:#075e50;background:#eaf4e8;box-shadow:inset 3px 0 #0b7865}.studio-shell button.lesson:hover{background:#f2f7ed}.studio-shell button.lesson small{color:#5c6d5b;font-size:.75rem}.studio-shell .lesson-pagination button{background:#f0f5ea;color:#35573f;border:1px solid #dce7d5}.studio-shell .lesson-pagination button small{color:#566c56}.studio-shell .student-course-summary{background:#f4f8ed;border-color:#d9e5d1;border-radius:17px}.studio-shell .student-course-summary>div:last-child strong{color:#325b3e}.studio-shell .student-course-summary button{background:#08695e;color:#fff}
.studio-shell .lesson-editor-workspace{border:1px solid #dde5da;padding:30px;border-radius:20px}.studio-shell .lesson-editor-navigation{border-color:#e0e8d9;background:#f4f7ef;padding:7px;border-radius:13px}.studio-shell .lesson-editor-tab{min-height:48px;color:#54694f}.studio-shell .lesson-editor-tab.active{color:#075e50;background:#fff;border-color:#d7e5cf}.studio-shell .lesson-editor-step{background:#e8efdf;color:#536b4d}.studio-shell .lesson-editor-tab.active .lesson-editor-step{background:#08695e;color:#fff}.studio-shell .lesson-editor-section-heading{border-color:#e5ebde}.studio-shell .lesson-editor-save button[type=submit]{background:#08695e;color:#fff}.studio-shell .lecture-toolbar{border-color:#dce6d6;background:#f7faf2;border-radius:11px}.studio-shell .lecture-toolbar button{min-height:36px}.studio-shell .timer{background:#203e35;border:1px solid #33594a;border-radius:15px;box-shadow:none}.studio-shell .timer :is(small,strong){color:#fff}.studio-shell .quiz-option{border-color:#d9e5d2;background:#fafcf7;padding:14px;border-radius:12px;min-height:48px}.studio-shell .quiz-option:has(input:checked){border-color:#0b7865;background:#edf7eb;box-shadow:0 0 0 1px #0b7865}.studio-shell .quiz-option label{margin:0}
/* Administration, communication, rankings and Excel reports. */
.studio-shell .admin-workspace .admin-section-button.active{background:#08695e;color:#fff}.studio-shell .admin-workspace .admin-sections{border-color:#dce5d9;border-radius:14px}.studio-shell .admin-workspace .admin-section-button{min-height:44px}.studio-shell .admin-workspace .admin-stat-card{border-color:#dce5d9;border-radius:16px}.studio-shell .admin-workspace .admin-stat-card>span{color:#08695e}.studio-shell .admin-workspace .admin-stat-card:hover{border-color:#accdb3;background:#f9fcf5}.studio-shell .admin-workspace .admin-user-card{border-color:#e0e7da;border-radius:13px}.studio-shell .admin-workspace .admin-user-summary{color:#203744}.studio-shell .admin-workspace .admin-status.approved{color:#175e40;background:#eaf5e8}.studio-shell .admin-workspace .admin-approval-banner{background:#fff8e8;color:#735118;border-color:#e8cf9e;border-radius:15px}.studio-shell .admin-workspace .admin-approval-number{background:#faebc7;color:#735118}.studio-shell .admin-workspace .admin-user-form{background:#fafcf7}.studio-shell .admin-workspace .admin-filters{border-radius:13px;background:#f7faf2;border-color:#e1e9d8}
.studio-shell .inbox-list{padding:10px}.studio-shell .conversation-item{padding:18px;border-radius:12px;border-color:#e4ebdc}.studio-shell .conversation-item.active{background:#edf6e9;border-color:#b6d3b6;color:#203744}.studio-shell .conversation-item:hover{background:#f5f9ef}.studio-shell .conversation-item small{color:#536a54}.studio-shell .message-bubble{border-color:#e2ead9;border-radius:15px 15px 15px 4px;background:#f7faf2}.studio-shell .message-bubble.mine{border-color:#c7dfc4;background:#eaf5e6;border-radius:15px 15px 4px 15px;color:#203744}.studio-shell .message-bubble small{color:#536b54}.studio-shell .notification-item{border-color:#e4ebdd;border-radius:12px}.studio-shell .notification-item.unread,.studio-shell .notification-item:hover{background:#f1f8eb}.studio-shell .notice-symbol{background:#e6f1df;color:#3a6545}.studio-shell .unread-dot{background:#08695e}
.studio-shell .ranking-v2{--rv-line:#dde5d9}.studio-shell .ranking-v2 .rv-head{background:#fff;border-color:#dde5d9;border-radius:17px}.studio-shell .ranking-v2 .rv-board-card{border-color:#dde5d9;border-radius:17px;box-shadow:var(--experience-shadow)}.studio-shell .ranking-v2 .rv-scope,.studio-shell .ranking-v2 .rv-tools{background:#f5f9ef;border-color:#dfe8d7}.studio-shell .ranking-v2 .rv-own{border-radius:16px;background:#204c3e;color:#fff}.studio-shell .ranking-v2 .rv-own :is(h2,h3,strong,.rv-points,small){color:#fff}.studio-shell .ranking-v2 .rv-own :is(p,span){color:#e4efe6}.studio-shell .ranking-v2 .rv-own .rv-you{color:#fff;background:#ffffff19;border-color:#ffffff54}.studio-shell .ranking-v2 .rv-metrics article{border-color:#dde5d9;border-radius:14px}.studio-shell .ranking-v2 .rv-metrics article>strong{color:#285641}.studio-shell .ranking-v2 .rv-metrics article>small{color:#566d59}.studio-shell .ranking-v2 .rv-tabs{border-color:#dce5d9;background:#fff;border-radius:12px}.studio-shell .ranking-v2 .rv-tab{min-height:44px}.studio-shell .ranking-v2 .rv-tab.active{background:#eaf4e6;color:#165e44}.studio-shell .ranking-v2 .rv-table-wrap{border-color:#dde5d9}.studio-shell .ranking-v2 .rv-table caption{background:#fafcf7;color:#536a54}.studio-shell .ranking-v2 .rv-table thead th{background:#f0f5e9;color:#4d674d}.studio-shell .ranking-v2 .rv-table tbody tr.is-me{background:#edf7e8}.studio-shell .ranking-v2 .rv-table :is(.rv-student>span,.rv-student>small,.rv-breakdown,.rv-lessons>span,.rv-official>span){color:#576e59}.studio-shell .ranking-v2 .rv-page-button{min-height:44px}.studio-shell .ranking-v2 .rv-group-card{border-color:#dde6d6;background:#f8fbf3}.studio-shell .ranking-v2 :is(.rv-group-meta,.rv-group-rate-label,.rv-group-card>small,.rv-pagination p,.rv-pagination>div>span){color:#536b54}
.studio-shell .results-export{--rx-line:#dde5d9}.studio-shell .results-export .rx-hero{border-radius:18px;background:#204c3e;color:#fff}.studio-shell .results-export .rx-hero :is(h1,h2){color:#fff}.studio-shell .results-export :is(.rx-filter-card,.rx-preview){border-color:#dde5d9;border-radius:17px;box-shadow:var(--experience-shadow)}.studio-shell .results-export .rx-component{border-color:#dce6d5;background:#fafcf7;border-radius:11px;min-height:48px}.studio-shell .results-export .rx-component:has(input:checked){background:#edf6e8;border-color:#a9cfae}.studio-shell .results-export .rx-help,.studio-shell .results-export .rx-download-note{color:#536b54}.studio-shell .results-export .rx-stats{border-color:#e1e8d9;background:#f8fbf3}.studio-shell .results-export .rx-sheet{border-color:#dde5d9}.studio-shell .results-export .rx-sheet>summary{background:#f7faf2}.studio-shell .results-export .rx-download{background:#08695e;color:#fff}
/* Entry screen matches the learning workspace. */
.auth-page{--entry-navy:#203744;--entry-teal:#08695e;--entry-muted:#53656e;background:#f7f8f4;color:#203744}.auth-page .auth-brand{background:radial-gradient(ellipse at 5% 95%,#2e6651 0,transparent 70%),#173a31;color:#fff;padding:clamp(40px,6vw,88px)}.auth-page .auth-brand:after{opacity:.18}.auth-page .auth-brand:before{border-color:#d9e9c226;box-shadow:0 0 0 70px #d9e9c208,0 0 0 140px #d9e9c205}.auth-page .auth-mark{border-color:#b1d1ae;background:#e2f1d60a;color:#e5f4dc;border-radius:20px}.auth-page .auth-brand-name{color:#f6faf2;letter-spacing:-.02em}.auth-page .auth-brand h2{color:#fff;font-weight:720}.auth-page .auth-brand>p:not(.auth-brand-name){color:#d2e2d0}.auth-page .auth-brand-note{color:#d3e4ce;border-color:#ffffff33}.auth-page .auth-card{border-color:#dde5d8;border-radius:22px;box-shadow:0 18px 60px #263c2110}.auth-page .auth-card-brand{color:#08695e}.auth-page .auth-card-brand:before{border-color:#98bd97;background:#e8f3e1}.auth-page .auth-form h1{color:#203744}.auth-page .auth-description,.auth-page .auth-form>small{color:#53656e}.auth-page .auth-form label{color:#3e554a}.auth-page .auth-form input,.auth-page .auth-form select{border-color:#bdccbe;background:#fbfcf8;color:#203744;border-radius:10px}.auth-page .auth-form input:focus,.auth-page .auth-form select:focus{border-color:#08695e;outline-color:#08695e;background:#fff;box-shadow:none}.auth-page .auth-form .auth-submit{background:#08695e;border-color:#08695e;border-radius:10px;min-height:54px;box-shadow:0 5px 16px #08695e17}.auth-page .auth-form .auth-submit:hover{background:#07574f;border-color:#07574f}.auth-page .auth-password-toggle{background:#eaf3e5;color:#205e43;min-height:38px}.auth-page .auth-card .auth-link{color:#08695e;min-height:44px;padding:8px 4px}.auth-page .auth-switch{border-color:#e2e9dc;color:#53656e}.auth-page .auth-footer{color:#53656e}
@media(min-width:1180px){.studio-shell .global-nav{width:246px}.studio-shell .has-nav .workspace{margin-left:246px}.studio-shell .studio-skip{left:264px}}
@media(min-width:761px) and (max-width:1179px){.studio-shell .global-nav{width:92px;padding:22px 6px 16px}.studio-shell .has-nav .workspace{margin-left:92px}.studio-shell .rail-brand{padding:0;margin-bottom:22px}.studio-shell .global-nav button{min-height:70px;gap:7px;padding:10px 4px}.studio-shell .global-nav button>span.studio-nav-label{font-size:.625rem;line-height:1.35}.studio-shell .global-nav .nav-count{min-width:17px;height:17px;font-size:.5625rem}.studio-shell .experience-rail-user{display:none}.studio-shell .topbar{padding:18px 24px;gap:14px}.studio-shell .studio-header-utilities{gap:8px}.studio-shell .studio-search{width:44px;min-width:44px}.studio-shell .workspace>main.wrap{padding:26px}.studio-shell .studio-skip{left:108px}}
@media(max-width:760px){.studio-shell{font-size:.9375rem}.studio-shell .has-nav .workspace{margin-left:0;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.studio-shell .topbar{padding:17px 16px 12px;gap:12px;min-height:80px}.studio-shell .breadcrumb{min-width:110px}.studio-shell .breadcrumb>strong{font-size:1.0625rem}.studio-shell .profile{max-width:46%;gap:8px}.studio-shell .profile b{font-size:.625rem}.studio-shell .profile small{font-size:.5625rem}.studio-shell .avatar{width:34px;height:34px}.studio-shell .studio-header-utilities{padding-top:10px;gap:8px;border-top-color:#e6ece0}.studio-shell .studio-search{min-height:44px;height:44px;max-width:none;width:auto;font-size:.75rem;padding:10px 12px}.studio-shell .header-actions{flex:0 0 auto;gap:2px}.studio-shell .header-actions .studio-tool{min-width:44px;width:44px;height:44px;min-height:44px;padding:11px}.studio-shell .workspace>main.wrap{padding:25px 16px 30px}.studio-shell .workspace>footer{padding:18px 16px;gap:10px;font-size:.625rem;flex-wrap:wrap}.studio-shell .global-nav{inset:auto 0 0;width:100%;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border:1px solid #d8e3d4;border-bottom:0;border-radius:18px 18px 0 0;background:#fffffff5;box-shadow:0 -5px 25px #2037440c;min-height:78px}.studio-shell .global-nav button,.studio-shell .global-nav .more-trigger{min-height:57px;padding:8px 3px;gap:6px;color:#536b58;border-radius:10px}.studio-shell .global-nav button>span.studio-nav-label,.studio-shell .global-nav .more-trigger>span{font-size:.5625rem;line-height:1.3}.studio-shell .global-nav button>svg{width:21px;height:21px;color:#526e57}.studio-shell .global-nav button.active{background:#e8f3e6;color:#075e50;box-shadow:none}.studio-shell .global-nav button.active>svg{color:#08695e}.studio-shell .global-nav [data-mobile-order='1']{order:1}.studio-shell .global-nav [data-mobile-order='2']{order:2}.studio-shell .global-nav [data-mobile-order='3']{order:3}.studio-shell .global-nav [data-mobile-order='4']{order:4}.studio-shell .global-nav [data-mobile-order='5']{order:5}.studio-shell .global-nav .nav-count{color:#674717;border-color:#e1c98e;min-width:18px;height:18px;right:8px;font-size:.5625rem}.studio-shell .experience-rail-user{display:none}.studio-shell .experience-role-tag{font-size:.5625rem;padding:2px 6px}.studio-shell .mobile-more{bottom:calc(92px + env(safe-area-inset-bottom));background:#fff;border-color:#d8e3d4;padding:13px;gap:7px;border-radius:17px;box-shadow:0 12px 50px #20374429}.studio-shell .mobile-more button{background:#f5f9ef;color:#375540;min-height:50px;padding:12px;font-size:.75rem;border:1px solid #e2eadb}.studio-shell .mobile-more button svg{color:#08695e}.studio-shell .mobile-more button.active{background:#e8f3e6;color:#075e50;box-shadow:inset 3px 0 #0b7865}.studio-shell .studio-skip{left:12px}.studio-shell .panel{padding:20px;margin-bottom:18px;border-radius:15px}.studio-shell .page-intro{align-items:flex-start;gap:15px;margin-bottom:24px}.studio-shell .page-intro h1{font-size:1.7rem}.studio-shell .page-intro p{font-size:.88rem}.studio-shell :is(input,select,textarea){font-size:1rem}.studio-shell .course-tabs{padding:5px;gap:4px}.studio-shell .course-tabs button{font-size:.75rem;min-height:44px;padding:10px 12px}.studio-shell .lesson-reader{padding:19px}.studio-shell .lesson-heading h2{font-size:1.4rem}.studio-shell .lecture{padding:18px;font-size:1rem}.studio-shell .lesson-tabs [role=tab]{min-height:44px;font-size:.75rem}.studio-shell .lesson-editor-workspace{padding:22px 17px}.studio-shell .lesson-editor-tab{min-height:48px;font-size:.75rem}.studio-shell .course-content{padding:21px}.studio-shell .course-content h2{font-size:1.12rem}.studio-shell .table-scroll{border-radius:11px}.studio-shell .inbox-list{padding:9px}.studio-shell .conversation-item{padding:16px}.studio-shell .empty-state{padding:28px 19px}.auth-page .auth-card{border-radius:18px}.auth-page .auth-form input,.auth-page .auth-form select{min-height:52px}}
@media(max-width:370px){.studio-shell .topbar{padding:15px 12px 10px;gap:9px}.studio-shell .breadcrumb{min-width:100px}.studio-shell .breadcrumb>strong{font-size:.9375rem}.studio-shell .profile{max-width:44%}.studio-shell .profile>div{max-width:100px}.studio-shell .profile b,.studio-shell .profile small{max-width:100px}.studio-shell .studio-search{min-width:44px;font-size:.6875rem;padding:10px 8px}.studio-shell .studio-header-utilities{gap:4px}.studio-shell .header-actions{gap:0}.studio-shell .workspace>main.wrap{padding:22px 12px 28px}.studio-shell .panel{padding:17px}.studio-shell .page-intro h1{font-size:1.5rem}.studio-shell .global-nav button>span.studio-nav-label,.studio-shell .global-nav .more-trigger>span{font-size:.5rem}}
/* Native preferences dialog, intentionally outside the application shell. */
.comfort-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100svh - 40px);border:1px solid #c9d8c6;border-radius:22px;padding:28px;box-shadow:0 24px 90px #172e3840;background:#fff;color:#203744;overflow:auto;font-size:1rem}.comfort-dialog::backdrop{background:#112a34a1;backdrop-filter:blur(3px)}.comfort-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.comfort-heading h2{font-size:1.5rem;margin:7px 0 0;letter-spacing:-.035em}.comfort-heading .eyebrow{font-size:.6875rem;letter-spacing:.13em;color:#08695e;font-weight:750}.comfort-dialog button{min-height:44px;border-radius:10px;background:#08695e;color:#fff}.comfort-dialog .comfort-close{width:44px;min-width:44px;height:44px;font-size:1.8rem;padding:0;line-height:1;background:#f2f6ec;color:#3e5d43;border:1px solid #dce5d4}.comfort-intro{color:#53656e;font-size:.9rem;line-height:1.75;margin:18px 0 23px}.comfort-fields{display:grid;gap:20px}.comfort-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0}.comfort-options legend{font-size:.875rem;font-weight:750;color:#35583f;padding:0;margin-bottom:10px}.comfort-choice{display:flex;align-items:flex-start;gap:8px;padding:14px 12px;border:1px solid #cfdcc8;border-radius:12px;background:#fafcf6;min-width:0;margin:0;cursor:pointer}.comfort-choice:has(input:checked){background:#eaf4e5;border-color:#08695e;box-shadow:0 0 0 1px #08695e}.comfort-choice input{width:auto;flex:0 0 auto;accent-color:#08695e;margin:5px 0 0}.comfort-choice>span{min-width:0}.comfort-choice strong{display:block;font-size:.8rem;line-height:1.5;color:#274c35}.comfort-choice small{display:block;font-size:.75rem;line-height:1.65;color:#536b54;margin-top:5px}.comfort-switch{display:flex;align-items:flex-start;gap:11px;border:1px solid #dce7d4;background:#f5f9ef;padding:16px;border-radius:12px;margin-top:24px}.comfort-switch input{width:auto;accent-color:#08695e;margin:5px 0 0}.comfort-switch strong{font-size:.875rem;line-height:1.6}.comfort-switch small{display:block;color:#536b54;font-size:.8rem;line-height:1.7;margin-top:3px}.comfort-guide{border-top:1px solid #e1e8da;padding-top:20px;margin-top:23px}.comfort-guide h3{font-size:1rem;margin:0 0 10px}.comfort-guide ol{padding-left:22px;margin:0}.comfort-guide li{font-size:.85rem;line-height:1.75;color:#405b46;margin:8px 0}.comfort-save-status{font-size:.8rem;color:#08695e;min-height:1.6em}.comfort-footer{padding:18px 0 0;border-top:1px solid #e2e9dc;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.comfort-footer .secondary{color:#355347;background:#f0f4ef;border:1px solid #dce5db}.comfort-dialog :is(input,button):focus-visible{outline:3px solid #08695e;outline-offset:3px}
html[data-ui-text='default']{font-size:100%}html[data-ui-text='large']{font-size:112.5%}html[data-ui-text='larger']{font-size:125%}
html[data-ui-density='compact'] .studio-shell .panel{padding:19px;margin-bottom:15px}html[data-ui-density='compact'] .studio-shell .grid{gap:14px}html[data-ui-density='compact'] .studio-shell .page-intro{margin-bottom:18px}html[data-ui-density='compact'] .studio-shell .workspace>main.wrap{padding-top:24px}html[data-ui-density='compact'] .studio-shell :is(th,td){padding-top:11px;padding-bottom:11px}
html[data-ui-contrast='high']{--experience-muted:#293f31;--experience-line:#84957e;--studio-line:#84957e;--muted:#293f31}
html[data-ui-contrast='high'] .studio-shell :is(small,.muted,.rx-help,.rx-download-note,.rv-explain,.rv-group-meta,.rv-group-rate-label,.rv-student>span,.rv-student>small,.rv-breakdown,.rv-lessons>span,.rv-official>span):not(.lecture *):not(.home-staff-focus *):not(.learner-focus *):not(.rv-own *):not(.rx-hero *){color:#293f31!important}
html[data-ui-contrast='high'] .studio-shell :is(input,select,textarea,fieldset,.panel,.course-card,.rv-board-card,.rx-filter-card,.rx-preview,.home-command,.learner-course){border-color:#84957e!important}
html[data-ui-contrast='high'] .studio-shell .global-nav button{color:#243e2b!important}html[data-ui-contrast='high'] .studio-shell .global-nav button.active{background:#d7ebd1!important;color:#063e2c!important}html[data-ui-contrast='high'] .studio-shell .global-nav button>svg{color:#294d32!important}
html[data-ui-contrast='high'] .comfort-dialog :is(.comfort-intro,small,.comfort-guide li){color:#293f31!important}html[data-ui-contrast='high'] .comfort-dialog :is(.comfort-choice,.comfort-switch,.comfort-options){border-color:#84957e!important}
html[data-ui-motion='reduce'] .studio-shell *,html[data-ui-motion='reduce'] .auth-page *,html[data-ui-motion='reduce'] .comfort-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:520px){.comfort-dialog{padding:21px 17px;border-radius:17px;width:calc(100% - 20px);max-height:calc(100svh - 24px)}.comfort-options{grid-template-columns:1fr}.comfort-choice{padding:12px 13px;align-items:center}.comfort-choice input{margin:0}.comfort-choice small{margin-top:1px}.comfort-heading h2{font-size:1.3rem}.comfort-footer{align-items:stretch;flex-wrap:wrap}.comfort-footer button{flex:1;min-width:min(100%,180px);font-size:.8125rem}.comfort-guide li{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.studio-shell *,.auth-page *,.comfort-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.studio-shell .global-nav button.active{outline:2px solid Highlight;box-shadow:none}.studio-shell .quiz-option:has(input:checked),.comfort-choice:has(input:checked){outline:2px solid Highlight}}
@media print{.studio-shell .global-nav,.studio-shell .topbar,.studio-shell footer,.studio-shell .mobile-more,.studio-shell .studio-skip,.comfort-dialog{display:none!important}.studio-shell,.studio-shell .workspace{color:#000!important;background:#fff!important}.studio-shell .has-nav .workspace{padding:0!important;margin:0!important}.studio-shell .workspace>main.wrap{padding:0!important;max-width:none}.studio-shell .panel{padding:0;box-shadow:none;border:0}.studio-shell :is(h1,h2,h3,th,td,small,p){color:#000!important}.studio-shell .table-scroll{overflow:visible;border:0}.studio-shell tbody tr,.studio-shell th{background:#fff!important}.studio-shell .lecture{background:#fff;border:0;padding:0}}
/* Navigation captions stay readable on compact screens. */
@media(min-width:761px) and (max-width:1179px){.studio-shell .global-nav button>span.studio-nav-label{font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.studio-shell .global-nav button{padding:10px 3px;min-height:76px}}
@media(max-width:760px){.studio-shell .global-nav button>span.studio-nav-label,.studio-shell .global-nav .more-trigger>span{font-size:.75rem;line-height:1.3;overflow-wrap:anywhere}.studio-shell .global-nav button,.studio-shell .global-nav .more-trigger{min-height:62px}.studio-shell .profile b,.studio-shell .profile small{font-size:.6875rem}.studio-shell .experience-role-tag{font-size:.6875rem}.studio-shell .has-nav .workspace{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.studio-shell .mobile-more{bottom:calc(100px + env(safe-area-inset-bottom))}}
.studio-shell .learner-heading{background:transparent;color:var(--experience-ink);padding:0;border:0;box-shadow:none;min-height:0}.studio-shell .learner-heading .eyebrow{color:#08695e;display:block}.studio-shell .learner-heading h1{line-height:1.28}
.studio-shell .ranking-v2 .rv-scope>p,.studio-shell .ranking-v2 .rv-rules p{color:var(--experience-muted);font-size:.8125rem}.studio-shell .ranking-v2 .rv-refresh-area>small{color:var(--experience-muted);font-size:.75rem}