.mc-app{--mc-ink:#173247;--mc-muted:#53677a;--mc-blue:#1556b8;--mc-soft:#edf4fc;--mc-line:#dce5ed;--mc-green:#15704f;color:var(--mc-ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f9fc;border:1px solid var(--mc-line);border-radius:18px;max-width:100%;min-width:0;text-align:left;position:relative;isolation:isolate;overflow-wrap:anywhere}
.mc-app *{box-sizing:border-box}.mc-app [hidden]{display:none!important}.mc-app h2,.mc-app h3,.mc-app h4,.mc-app p{margin:0 0 12px;padding:0;color:inherit;font-family:inherit}.mc-app h2{font-size:clamp(23px,3vw,34px);line-height:1.2}.mc-app h3{font-size:25px;line-height:1.25}.mc-app h4{font-size:17px}.mc-app p{line-height:1.6}.mc-app a{color:var(--mc-blue);text-decoration:underline}.mc-app button,.mc-app input,.mc-app select,.mc-app textarea{font:inherit;line-height:1.4;max-width:100%;border-radius:9px}.mc-app button{cursor:pointer;border:1px solid #b7c8db;background:white;color:var(--mc-ink);padding:10px 14px;min-height:44px;white-space:normal;text-transform:none;letter-spacing:0;box-shadow:none}.mc-app button:hover{background:var(--mc-soft);border-color:var(--mc-blue)}.mc-app button:disabled{opacity:.5;cursor:not-allowed}.mc-app :focus-visible{outline:3px solid #f29b38;outline-offset:3px}.mc-app button.mc-primary{background:var(--mc-blue);color:white;border-color:var(--mc-blue);font-weight:650}.mc-app label{display:block;font-weight:600;margin-bottom:7px}.mc-app input,.mc-app select,.mc-app textarea{width:100%;padding:12px;border:1px solid #a8bdd0;color:#122d42;background:#fff;min-height:46px}.mc-app textarea{resize:vertical}.mc-app .mc-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--mc-blue);margin-bottom:9px}.mc-app .mc-lead{font-size:19px;max-width:65ch}.mc-app .mc-note{font-size:13px;color:var(--mc-muted)}.mc-app .mc-login{max-width:780px;margin:auto;padding:clamp(22px,5vw,55px)}.mc-app .mc-login-form{margin:26px 0}.mc-app .mc-login-form button{margin-top:14px;min-width:220px}.mc-app .mc-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mc-app .mc-pills span{border:1px solid #d4e2f5;border-radius:25px;padding:5px 12px;color:#254b7c;background:white;font-size:13px}.mc-app .mc-header{display:flex;justify-content:space-between;gap:24px;padding:26px;background:#fff;border-radius:18px 18px 0 0}.mc-app .mc-header h2{font-size:25px}.mc-app .mc-header p{color:var(--mc-muted);font-size:14px;margin-bottom:0}.mc-app .mc-header-actions{display:flex;gap:8px;align-content:center;align-items:center;flex-wrap:wrap;max-width:450px}.mc-app .mc-header-actions button{font-size:13px}.mc-app .mc-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 26px;border-block:1px solid var(--mc-line);font-size:13px;background:#f0f5fb}.mc-app .mc-save{color:var(--mc-green)}.mc-app .mc-layout{display:grid;grid-template-columns:230px minmax(0,1fr)}.mc-app .mc-nav{padding:20px 12px;max-height:82vh;overflow:auto;border-right:1px solid var(--mc-line)}.mc-app .mc-nav-group{margin-bottom:22px}.mc-app .mc-nav h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mc-muted);padding:0 8px}.mc-app .mc-nav button{width:100%;display:grid;grid-template-columns:29px 1fr 12px;align-items:start;gap:5px;text-align:left;background:transparent;border:1px solid transparent;font-size:12px;padding:9px 7px;min-height:44px}.mc-app .mc-nav button[aria-current]{background:#e2edff;color:#164f9f;border-color:#c1d6f3;font-weight:650}.mc-app .mc-nav-code{font-weight:750}.mc-app .mc-main{padding:clamp(18px,3vw,34px);min-width:0}.mc-app .mc-activity-heading{margin-bottom:20px}.mc-app .mc-scenario{background:white;border:1px solid var(--mc-line);border-radius:13px;padding:22px;margin:20px 0}.mc-app .mc-scenario p{white-space:normal;font-size:15px}.mc-app .mc-reference{padding:16px 20px;background:#edf4fc;border-radius:12px;margin-bottom:22px}.mc-app summary{cursor:pointer;font-weight:650}.mc-app .mc-reference p{margin-top:12px;font-size:14px}.mc-app .mc-reference button{font-size:13px}.mc-app .mc-steps,.mc-app .mc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.mc-app .mc-steps button{padding:6px 12px;font-size:13px;min-height:38px}.mc-app .mc-steps [aria-current]{background:#173247;color:white}.mc-app .mc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.mc-app .mc-field label{font-size:14px;min-height:26px}.mc-app .mc-unit{font-size:12px;color:var(--mc-muted);font-weight:400}.mc-app .mc-field-result{display:block;font-size:13px;margin-top:7px}.mc-app .mc-correct{color:var(--mc-green)}.mc-app .mc-error,.mc-app .mc-login-error{color:#a62a20}.mc-app .mc-hints,.mc-app .mc-explanation,.mc-app .mc-success{padding:18px;border-radius:12px;margin-top:20px;background:#eaf7f0;border:1px solid #c9e3d6}.mc-app .mc-hints{background:#fff7e6;border-color:#ebd6a7}.mc-app .mc-success button{display:block;margin-top:10px}.mc-app .mc-alert,.mc-app .mc-warning{margin:16px;padding:16px;background:#fff5e8;border:1px solid #dfb86c;border-radius:12px;color:#754511}.mc-app .mc-diagram{margin:18px 0 0;background:#fbfcfe;border-radius:10px;padding:15px;border:1px solid var(--mc-line)}.mc-app .mc-diagram svg{display:block;max-width:100%;width:100%;max-height:260px}.mc-app .mc-diagram figcaption{font-size:12px;color:var(--mc-muted);margin-top:10px}.mc-app .mc-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0}.mc-app .mc-skill{border:1px solid var(--mc-line);border-radius:12px;padding:20px;background:white}.mc-app .mc-skill h4{font-size:19px}.mc-app .mc-drawer{position:fixed;z-index:999999;right:14px;top:45px;bottom:14px;width:min(760px,75vw);background:white;border:1px solid #b9cadd;box-shadow:0 10px 80px #142a4466;border-radius:14px;display:flex;flex-direction:column;padding:16px}.mc-app .mc-drawer.mc-expanded{left:14px;width:auto}.mc-app .mc-drawer-head{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--mc-line);padding-bottom:12px}.mc-app .mc-drawer-head h3{font-size:18px;margin:0}.mc-app .mc-drawer-head div{display:flex;gap:8px}.mc-app .mc-pdf-body{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:12px}.mc-app .mc-pdf-body p{font-size:13px}.mc-app iframe{width:100%;flex:1;min-height:200px;border:1px solid var(--mc-line);background:#e8edf2}.mc-app .mc-teacher-body{padding:26px}.mc-app .mc-card{background:white;border:1px solid var(--mc-line);border-radius:13px;padding:22px;margin:18px 0}.mc-app .mc-table-wrap{overflow:auto;max-width:100%}.mc-app table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.mc-app th,.mc-app td{padding:10px;text-align:left;border-bottom:1px solid var(--mc-line);vertical-align:top}.mc-app th{background:var(--mc-soft)}.mc-app .mc-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.mc-app .mc-pages label{font-size:12px}.mc-app pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f5f7fa;padding:12px;max-height:400px;overflow:auto}.mc-app .mc-dialog{position:fixed;z-index:999998;inset:5vh 5vw;background:white;box-shadow:0 0 0 100vmax #13243a88;overflow:auto;border-radius:15px;padding:24px}.mc-app code{font-size:13px;white-space:normal}.mc-app .mc-report-tools{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.mc-app .mc-header{flex-direction:column;padding:20px}.mc-app .mc-header-actions{max-width:none}.mc-app .mc-toolbar{flex-direction:column;padding:12px 20px;gap:3px}.mc-app .mc-layout{grid-template-columns:minmax(0,1fr)}.mc-app .mc-nav{max-height:210px;border-right:0;border-bottom:1px solid var(--mc-line);display:flex;gap:12px;padding:12px;overflow:auto}.mc-app .mc-nav-group{min-width:185px;margin:0}.mc-app .mc-fields,.mc-app .mc-skill-grid{grid-template-columns:minmax(0,1fr)}.mc-app .mc-main{padding:18px}.mc-app .mc-scenario{padding:16px}.mc-app .mc-drawer,.mc-app .mc-drawer.mc-expanded{inset:0;width:100%;border-radius:0;padding:12px}.mc-app .mc-drawer-head{gap:6px}.mc-app .mc-drawer-head h3{font-size:15px}.mc-app .mc-drawer-head button{font-size:12px;padding:8px}.mc-app .mc-dialog{inset:8px;padding:16px}.mc-app .mc-teacher-body{padding:16px}}
@media print{.mc-app .mc-header-actions,.mc-app .mc-nav,.mc-app button,.mc-app .mc-drawer{display:none!important}.mc-app .mc-layout{display:block}.mc-app .mc-dialog{position:static;box-shadow:none;overflow:visible}}

.mc-app.mc-narrow .mc-header{flex-direction:column;padding:20px}.mc-app.mc-narrow .mc-header-actions{max-width:none}.mc-app.mc-narrow .mc-toolbar{flex-direction:column;padding:12px 20px;gap:3px}.mc-app.mc-narrow .mc-layout{grid-template-columns:minmax(0,1fr)}.mc-app.mc-narrow .mc-nav{max-height:210px;border-right:0;border-bottom:1px solid var(--mc-line);display:flex;gap:12px;padding:12px;overflow:auto}.mc-app.mc-narrow .mc-nav-group{min-width:185px;margin:0}.mc-app.mc-narrow .mc-fields,.mc-app.mc-narrow .mc-skill-grid{grid-template-columns:minmax(0,1fr)}.mc-app.mc-narrow .mc-main{padding:18px}.mc-app.mc-narrow .mc-scenario{padding:16px}.mc-app.mc-narrow .mc-drawer,.mc-app.mc-narrow .mc-drawer.mc-expanded{inset:0;width:100%;border-radius:0;padding:12px}.mc-app.mc-narrow .mc-drawer-head{gap:6px}.mc-app.mc-narrow .mc-drawer-head h3{font-size:15px}.mc-app.mc-narrow .mc-drawer-head button{font-size:12px;padding:8px}.mc-app.mc-narrow .mc-dialog{inset:8px;padding:16px}.mc-app.mc-narrow .mc-teacher-body{padding:16px}
.mc-app .mc-toolbar{position:sticky;top:0;z-index:20;align-items:center}.mc-app .mc-toolbar button{font-size:12px;padding:5px 10px;min-height:34px}.mc-app .mc-teacher-body ol{padding-left:24px}

.mc-app .mc-session-settings{border:1px solid #cbd5e1;border-radius:12px;margin:20px 0;padding:18px}.mc-app .mc-check{display:flex;align-items:center;gap:10px;margin:16px 0}.mc-app .mc-check input{width:20px;height:20px;min-height:20px;flex:0 0 20px}

/* Keep the teacher detail in the host content flow, including WordPress/Divi. */
.mc-app .mc-detail{scroll-margin-top:64px;min-width:0}.mc-app .mc-run-detail{position:static;max-width:100%;min-width:0;overflow-wrap:anywhere;box-shadow:none}.mc-app .mc-run-detail>[data-close-detail]{margin-bottom:18px}