.kpi-exercise{max-width:900px;min-width:0;margin-top:24px}.kpi-mode{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.kpi-mode button{min-height:44px;border:1px solid #728098;border-radius:6px;background:white;padding:10px 14px;font-size:13px;line-height:1.7}.kpi-mode button[aria-pressed=true]{background:#2558ed;color:white;border-color:#2558ed}.kpi-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:20px;border:1px solid #ccd4e1;background:white;border-radius:10px}.kpi-controls label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;line-height:1.7}.kpi-controls label:first-child{flex-wrap:wrap}.kpi-controls select{max-width:100%;min-height:44px;padding:8px;border:1px solid #728098;border-radius:5px;background:white}.kpi-controls input{width:18px;height:18px;flex-shrink:0;accent-color:#2558ed}.lesson-content .kpi-demo-caption{font-size:12px;line-height:1.8;color:#536174;margin-top:16px}.kpi-stage{padding:24px;background:#eaf0f8;border:1px solid #ccd4e1;border-radius:12px;margin-top:16px;min-width:0}.kpi-study-card{max-width:100%;padding:20px;border:1px solid #aeb9cb;border-radius:12px;background:white;font-family:system-ui,sans-serif;font-size:16px;color:#172131;overflow-wrap:anywhere}.kpi-study-card.has-large-text{font-size:32px}.lesson-content .kpi-study-heading{display:flex;align-items:center;gap:8px;font:400 .875em/1.5 system-ui,sans-serif;margin:0}.kpi-study-heading span{min-width:0}.kpi-study-heading svg{width:1.5em;height:1.5em;flex-shrink:0}.lesson-content .kpi-study-value{font-size:2.25em;font-weight:700;line-height:1.2;margin:14px 0 0;color:#172131}.lesson-content .kpi-study-trend{font-size:.8125em;line-height:1.6;color:#17723b;margin:14px 0 0}.kpi-study-details{margin-top:20px;border-top:1px solid #d1d9e5;padding-top:12px}.kpi-study-details summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:.875em;line-height:1.6;color:#2449b5}.lesson-content .kpi-study-details p{font-size:.875em;line-height:1.7;margin-top:12px;color:#44526a}.is-refined{--kpi-space-1:4px;--kpi-space-2:8px;--kpi-space-4:16px;--kpi-space-6:24px;padding:var(--kpi-space-6)}.lesson-content .is-refined .kpi-study-heading{align-items:baseline;gap:var(--kpi-space-2);font-size:.875em;font-weight:500;color:#44526a}.is-refined .kpi-study-heading svg{align-self:flex-start;position:relative;top:.0625em}.lesson-content .is-refined .kpi-study-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--kpi-space-2);font-size:1em;font-weight:400;margin-top:var(--kpi-space-6);font-variant-numeric:lining-nums tabular-nums}.kpi-study-value strong{font-size:2em;line-height:1.15;letter-spacing:-.025em;max-width:100%}.kpi-study-value>span{font-size:1.125em;line-height:1.5;color:#44526a}.lesson-content .is-refined .kpi-study-trend{color:#8b321b;font-size:.875em;margin-top:var(--kpi-space-4);font-variant-numeric:tabular-nums}.lesson-content .kpi-study-assessment{margin-top:var(--kpi-space-2);padding-left:var(--kpi-space-2);border-left:3px solid #b54c30;font-size:.8125em;line-height:1.6;color:#8b321b}.kpi-study-assessment>span{display:block;margin-top:var(--kpi-space-1);color:#44526a}.is-refined .kpi-study-details{margin-top:var(--kpi-space-6);padding-top:var(--kpi-space-2)}.has-guides .kpi-study-heading,.has-guides .kpi-study-value{outline:1px dashed #6580b8;outline-offset:3px;background-image:linear-gradient(transparent calc(100% - 1px),#6580b8 1px)}.kpi-exercise :is(button,input,select,summary):focus-visible{outline:3px solid #2558ed;outline-offset:3px}@media(max-width:640px){.is-refined{padding:16px}.kpi-stage{padding:12px}.kpi-controls{padding:16px;gap:10px 20px}}