/* Bright workspace: clear spacing and semantic color accents. */
:root{color-scheme:light;--page-gutter:clamp(20px,3vw,40px);--ui-pad:24px;--ui-radius:14px;--layout-max:1440px}
body .navigation-history,body .compact-tabs{margin:20px var(--page-gutter) 0;gap:10px}body .compact-tabs{padding-bottom:4px}body .navigation-history+.compact-tabs{margin-top:14px}
body .workspace-content{padding-top:28px;padding-bottom:48px}body .card-head,body .card-body{padding:22px 24px}body .workspace-content>article,body .workspace-content>section{margin-bottom:22px}
body .page-head{margin-bottom:24px!important}body .page-head h1{font-size:clamp(25px,2.4vw,32px);line-height:1.35}body .page-head p{line-height:1.8}body .flow-form{gap:18px}body .flow-form textarea{margin-top:8px}body .flow-tools{gap:10px;flex-wrap:wrap}
body .problem-pane{padding:26px!important}body .editor-shell{border-radius:14px;border:1px solid #dce3ef;overflow:hidden}body #sourceCode{padding:22px!important;font:13px/1.85 ui-monospace,Consolas,monospace}body .table-toolbar{padding:14px 0;gap:12px;flex-wrap:wrap}body .data-table td{padding:15px 18px;line-height:1.7}body .ux-demo-footer{padding:18px;margin-top:28px}body .study-reader-body{padding:28px!important}
body .global-search input{border:0;background:transparent;padding:0;min-width:0}
/* Learning blue, practice violet, exam amber, progress green. */
body.student-mode #mainNav [data-page="My Courses"].active,body.student-mode #mainNav [data-page="Learning Pathway"].active{background:#2689e329;box-shadow:inset 3px 0 #79c2ff;color:#e0f2ff!important}
body.student-mode #mainNav [data-page="Problem Explorer"].active{background:#a078ec29;box-shadow:inset 3px 0 #c5a3ff}
body.student-mode #mainNav [data-page="Exam Preparation"].active{background:#e7ac3424;box-shadow:inset 3px 0 #ffd17a;color:#fff0d4!important}
body.student-mode #mainNav [data-page="Progress Dashboard"].active{background:#31b88d26;box-shadow:inset 3px 0 #77e5bd;color:#d5fff0!important}
body .kpi-grid>article:nth-child(4n+1){background:linear-gradient(125deg,#f0f7ff,#fff);border-color:#d3e5fa;border-top:3px solid #619ce8}
body .kpi-grid>article:nth-child(4n+2){background:linear-gradient(125deg,#f0fbf6,#fff);border-color:#d0ecdf;border-top:3px solid #4db58b}
body .kpi-grid>article:nth-child(4n+3){background:linear-gradient(125deg,#fff8eb,#fff);border-color:#f0dfb9;border-top:3px solid #e6b352}
body .kpi-grid>article:nth-child(4n+4){background:linear-gradient(125deg,#f7f1ff,#fff);border-color:#e2d5f8;border-top:3px solid #a383dc}
body .compact-tabs [data-go="Learning Pathway"],body .compact-tabs [data-go="My Courses"]{background:#edf5ff;color:#2763a3;border-color:#cddff6}
body .compact-tabs [data-go="Problem Explorer"],body .compact-tabs [data-go="Thinking Activities"]{background:#f4efff;color:#7650b0;border-color:#dfd1f5}
body .compact-tabs [data-go="Exam Preparation"],body .compact-tabs [data-go="Mock Contests"],body .compact-tabs [data-go="Exam Library"]{background:#fff6e5;color:#926115;border-color:#efd8a6}
body .compact-tabs [data-go="Progress Dashboard"],body .compact-tabs [data-go="Submission History"],body .compact-tabs [data-go="Study Review"]{background:#edf9f3;color:#267c5e;border-color:#c8e6d8}
body .compact-tabs .btn.primary{box-shadow:inset 0 -3px #0002;font-weight:750;outline:2px solid currentColor;outline-offset:2px}
body .ux-work-steps{background:#f8faff;padding:17px 20px;border:1px solid #dde5f3;border-radius:12px}body .ux-work-steps span:nth-child(1) b{background:#e5efff;color:#3a76c3}body .ux-work-steps span:nth-child(2) b{background:#eee5ff;color:#8b55bf}body .ux-work-steps span:nth-child(3) b{background:#fff0d5;color:#a57420}body .ux-work-steps span:nth-child(4) b{background:#ddf5ed;color:#2a9273}
body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:2px solid #728bea;outline-offset:3px}
@media(max-width:700px){:root{--page-gutter:18px;--ui-pad:18px}body .card-head,body .card-body{padding:18px}body .problem-pane,body .study-reader-body{padding:20px!important}}
/* Student navigation: direct access, with natural scrolling on short screens. */
body.student-mode .sidebar{display:flex;flex-direction:column;height:100dvh;overflow:hidden}body.student-mode #mainNav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6879b1 transparent;padding-block:6px 12px}body.student-mode #mainNav .nav-section{margin-top:13px}body.student-mode #mainNav .nav-section-label{margin:0;padding:0 12px 5px;font-size:10px}body.student-mode #mainNav .nav-item{min-height:35px;padding:8px 12px;margin-bottom:2px;font-size:13px}body.student-mode .sidebar-foot{flex-shrink:0;padding-top:8px}
body.student-mode #mainNav [data-page="Mock Contests"].active{background:#e7ac3424;box-shadow:inset 3px 0 #ffd17a;color:#fff0d4!important}body.student-mode #mainNav :is([data-page="Study Review"],[data-page="Submission History"]).active{background:#31b88d26;box-shadow:inset 3px 0 #77e5bd;color:#d5fff0!important}
.entry-skill-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #e1e7f1}.entry-skill-row small{grid-column:1/-1;color:#68748c;line-height:1.7}.entry-skill-row .btn{justify-self:start}.review-option{line-height:1.7;padding:10px 12px}.flow-form fieldset{border:1px solid #dce4f1;border-radius:12px;padding:18px;margin:12px 0}.flow-form legend{padding:0 8px;font-weight:650;line-height:1.7;max-width:100%}@media(max-width:600px){.entry-skill-row{grid-template-columns:1fr}}