.demo-compact-dashboard{width:100%;min-width:0;border:1px solid #dadada;border-radius:14px;background:#fff;color:#333;overflow:hidden;box-shadow:0 8px 24px #33333306}.demo-compact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 12px}.demo-compact-heading strong{font-size:16px;line-height:1.5}.demo-compact-heading>span{font-size:12px;color:#666;background:#f2f2f2;padding:3px 8px;border-radius:4px;white-space:nowrap}.demo-compact-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px;border-bottom:1px solid #ddd}.demo-compact-tabs button{min-height:48px;font-size:15px;font-weight:600;color:#666;border-bottom:3px solid transparent}.demo-compact-tabs button[aria-selected=true]{color:#116e70;border-bottom-color:#198d8f}.demo-compact-panel{padding:16px;min-height:390px}.demo-compact-panel h3{font-size:16px;line-height:1.6;font-weight:650;margin:0}.demo-compact-dashboard :is(button,a){min-height:44px;cursor:pointer}.demo-compact-dashboard button:focus-visible{outline:3px solid #116e70;outline-offset:-3px}.demo-compact-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-compact-kpis>div{padding:13px 12px;border-radius:8px;background:#f5f8f8}.demo-compact-kpis span{display:block;color:#666;font-size:12px;line-height:1.5}.demo-compact-kpis strong{display:block;font-size:25px;font-weight:650;line-height:1.4;margin-top:3px}.demo-compact-chart{margin-top:22px}.demo-compact-range{display:flex;gap:6px;margin:10px 0}.demo-compact-range button{flex:1;border-radius:6px;font-size:14px;background:#f5f5f5;border:1px solid #ddd}.demo-compact-range button[aria-pressed=true]{color:#116e70;background:#eff7f7;border-color:#198d8f;font-weight:650}.demo-compact-chart svg{display:block;width:100%;height:120px}.demo-compact-chart-labels{display:flex;justify-content:space-between;color:#666;font-size:12px}.demo-compact-materials>h3{margin-bottom:8px}.demo-compact-materials article{padding:16px 0;border-bottom:1px solid #e5e5e5}.demo-compact-materials article:last-child{border-bottom:0;padding-bottom:0}.demo-compact-materials h4{font-size:16px;line-height:1.55;font-weight:600;margin:0 0 12px}.demo-compact-materials dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.demo-compact-materials dt{font-size:12px;line-height:1.5;color:#666}.demo-compact-materials dd{margin:4px 0 0;font-size:18px;font-weight:600;line-height:1.4}.demo-compact-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 8px}.demo-compact-filters button{background:#f5f5f5;border-radius:6px;font-size:14px}.demo-compact-filters button[aria-pressed=true]{color:#fff;background:#333}.demo-compact-learners>button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:12px;padding:14px 0;border-bottom:1px solid #e5e5e5}.demo-compact-learners>button:last-child{border:0}.demo-compact-learners>button>span:first-child{min-width:0}.demo-compact-learners strong{display:block;font-size:16px;font-weight:600;line-height:1.5}.demo-compact-learners small{display:block;color:#666;font-size:12px;line-height:1.6;margin-top:3px}.demo-compact-learners>button>span:last-child{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.demo-compact-back{color:#116e70;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-bottom:12px}.demo-compact-detail>h3{font-size:23px;margin-bottom:18px}.demo-compact-detail dl{margin:0 0 22px}.demo-compact-detail dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:14px 0;border-bottom:1px solid #e5e5e5;font-size:15px;line-height:1.6}.demo-compact-detail dt{color:#666}.demo-compact-detail dd{margin:0}.demo-compact-nudge{background:#198d8f;color:#fff;font-size:19px;font-weight:700;padding:10px 14px;width:100%;border-radius:6px}.demo-compact-detail>p{margin-top:16px;font-size:14px;line-height:1.6;color:#116e70}@media (max-width:767px){.demo-phone .quiz-view{min-height:0;overflow:hidden}.demo-phone .quiz-content{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.demo-phone .quiz-content>*,.demo-phone .quiz-view>div:last-child{flex-shrink:0}}