.brand { color:#fff; text-decoration:none; }
.learner-hero { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr); gap:2rem; align-items:center; padding:clamp(2rem,5vw,4rem) 0; border-bottom:1px solid var(--color-border); }
.learner-hero h1 { max-width:760px; margin:.35rem 0 1rem; font-size:var(--text-display); }
.learner-hero p { max-width:68ch; color:var(--color-text-secondary); }
.learner-summary { display:grid; padding:1.5rem; border-left:4px solid var(--color-accent); background:#fff; box-shadow:var(--shadow-subtle); }
.learner-summary strong { color:var(--color-primary-dark); font-size:2.5rem; line-height:1; }
.learner-summary span { font-weight:700; margin:.4rem 0; }.learner-summary small{color:var(--color-text-secondary)}
.catalog-panel { margin-top:2rem; }.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{border-radius:var(--radius-md);box-shadow:none}.course-image{height:104px;background:#eaf1f5;color:var(--color-primary);font-size:0}.course-image::after{content:"NMC";font-size:1.1rem;font-weight:800;letter-spacing:.2em}.course-card h2{color:var(--color-primary-dark)}
.learner-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.compact-kpi{display:grid;gap:.25rem;padding:1rem;background:#fff;border:1px solid var(--color-border);border-top:3px solid var(--color-primary)}.compact-kpi span{color:var(--color-text-secondary);font-size:var(--text-small)}.compact-kpi strong{color:var(--color-primary-dark)}
.learning-layout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.75fr);gap:1rem;align-items:start}.lesson-sidebar{position:sticky;top:90px}.lesson-sidebar>.button{width:100%;margin-top:.75rem}.lesson{grid-template-columns:36px 1fr auto;border-radius:var(--radius-sm)}.lesson-index{border-radius:var(--radius-sm)}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lesson-content .viewer{min-height:420px;border-radius:var(--radius-sm)}.viewer-controls{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:1rem 0 0}.viewer-controls .button{white-space:nowrap}
dialog{border:0;padding:0;background:transparent;max-width:min(620px,calc(100% - 2rem));width:100%}dialog::backdrop{background:var(--color-overlay)}dialog .panel{margin:0;position:relative}.dialog-close{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-sm);font-size:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0}.detail-grid div{padding:.75rem;background:var(--color-surface-subtle);border:1px solid var(--color-border)}.detail-grid span{display:block;color:var(--color-text-secondary);font-size:var(--text-caption)}.requirement-list{padding-left:1.25rem;margin:1rem 0}.timer-wrap{display:grid;text-align:right;color:var(--color-text-secondary);font-size:var(--text-caption)}.timer{border-radius:var(--radius-sm)}.navigator-legend{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--text-caption);color:var(--color-text-secondary)}.submission-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.submission-summary span{padding:.75rem;background:var(--color-surface-subtle);border:1px solid var(--color-border);font-size:var(--text-small)}.submission-summary strong{display:block;font-size:1.35rem;color:var(--color-primary-dark)}
@media(max-width:900px){.learner-hero,.learning-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.course-grid{grid-template-columns:repeat(2,1fr)}.viewer-controls{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.learner-hero{padding:2rem 0}.learner-summary{display:none}.course-grid,.learner-kpis,.submission-summary{grid-template-columns:1fr}.course-topbar .top-actions .secondary{display:none}.viewer-controls{position:sticky;bottom:0}.detail-grid{grid-template-columns:1fr}.exam-shell{width:100%;padding:.75rem}.exam-head{align-items:flex-start}.timer-wrap{position:sticky;top:70px}.navigator{grid-template-columns:repeat(6,1fr)}}