/* Isolated guide surface: never overrides device or clinical workspace styles. */
#mxSystemGuide{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1120px,calc(100% - 32px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;border:1px solid #c7d7da;border-radius:20px;padding:0;background:#fff;color:#193c43;box-shadow:0 24px 90px #062b4052;font:15px/1.55 system-ui,sans-serif;overflow:hidden;color-scheme:light}
#mxSystemGuide:not([open]){display:none}
#mxSystemGuide[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}
#mxSystemGuide::backdrop{background:#062530b3;backdrop-filter:blur(4px)}
#mxSystemGuide *{box-sizing:border-box}
#mxSystemGuide [hidden]{display:none!important}
#mxSystemGuide button,#mxSystemGuide select{font:inherit;color:inherit;min-height:44px;border:1px solid #b8cbcf;border-radius:9px;background:#fff;padding:8px 13px;cursor:pointer;white-space:normal}
#mxSystemGuide button:focus-visible,#mxSystemGuide select:focus-visible{outline:3px solid #147985;outline-offset:2px}
#mxSystemGuide button:hover:not(:disabled){background:#edf7f6;border-color:#4b9398}
#mxSystemGuide button:disabled{opacity:.45;cursor:default}
#mxSystemGuide .mxGuideHeader{padding:24px 28px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#mxSystemGuide h1{font-size:25px;line-height:1.2;margin:0 0 8px;color:#163d44;letter-spacing:-.6px}
#mxSystemGuide .mxGuideHeader p{margin:0;color:#516d74;max-width:680px;font-size:14px}
#mxSystemGuide .mxGuideClose{flex-shrink:0}
#mxSystemGuide .mxGuideSettings{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:0 28px 16px;border-bottom:1px solid #d9e4e5}
#mxSystemGuide label{display:grid;gap:4px;font-size:12px;font-weight:650;color:#47636b;min-width:0}
#mxSystemGuide select{font-size:14px;max-width:100%;min-width:130px}
#mxSystemGuide .mxGuideRoleNote{font-size:12px;color:#56727a;flex:1;min-width:160px;padding-bottom:5px}
#mxSystemGuide .mxGuideMobileChapter{display:none}
#mxSystemGuide .mxGuideBody{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:0}
#mxSystemGuide .mxGuideNav{background:#f2f7f7;border-inline-end:1px solid #dce7e7;padding:16px 12px;overflow:auto;overscroll-behavior:contain}
#mxSystemGuide .mxGuideNav button{display:flex;gap:11px;width:100%;text-align:start;align-items:baseline;margin:3px 0;border-color:transparent;background:transparent;font-size:13px;padding:10px}
#mxSystemGuide .mxGuideNav button>span:first-child{color:#708991;font:600 11px/1.5 ui-monospace,monospace;flex:none}
#mxSystemGuide .mxGuideNav button[aria-current]{background:#dcefee;border-color:#b4d7d4;color:#125d62;font-weight:700}
#mxSystemGuide .mxGuideArticle{padding:28px 32px;overflow:auto;overscroll-behavior:contain;min-width:0;overflow-wrap:anywhere;scrollbar-gutter:stable}
#mxSystemGuide h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:8px 0 24px;color:#173f47}
#mxSystemGuide h2:focus{outline:none}
#mxSystemGuide .mxGuideEyebrow{font-size:11px;font-weight:750;letter-spacing:.6px;text-transform:uppercase;color:#52737a}
#mxSystemGuide .mxGuideSteps{list-style:none;margin:0;padding:0;display:grid;gap:19px;counter-reset:none}
#mxSystemGuide .mxGuideSteps li{display:flex;align-items:flex-start;gap:14px}
#mxSystemGuide .mxGuideSteps p{margin:1px 0 0}
#mxSystemGuide .mxGuideStepNumber{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7f2f1;color:#17636a;font-size:13px;font-weight:750}
#mxSystemGuide .mxGuideDiagram{background:#f3f8f8;border:1px solid #d9e8e8;border-radius:13px;padding:18px;margin-bottom:24px}
#mxSystemGuide .mxGuideSteps+.mxGuideDiagram{margin-top:24px;margin-bottom:0}
#mxSystemGuide .mxGuideDiagram p{font-size:13px;margin:14px 0;color:#47676e}
#mxSystemGuide .mxGuideFlow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
#mxSystemGuide .mxGuideFlowNode{border:1px solid #c8dedd;border-radius:10px;background:#fff;padding:15px 10px;display:grid;gap:8px;align-content:start}
#mxSystemGuide .mxGuideFlowNode>span{font:700 19px/1.2 ui-monospace,monospace;color:#1f7077}
#mxSystemGuide .mxGuideFlowNode b{font-size:13px;line-height:1.4}
#mxSystemGuide .mxGuideFlowNode.selected{background:#daefea;border-color:#4c9c8e}
#mxSystemGuide .mxGuideExampleControls{display:flex;gap:8px;flex-wrap:wrap}
#mxSystemGuide .mxGuideExampleControls button{font-size:12px;flex:1}
#mxSystemGuide button[aria-pressed=true]{background:#d5eae6;border-color:#318676;font-weight:700}
#mxSystemGuide .mxGuideExampleResult{font-weight:700;min-height:20px;margin-bottom:0}
#mxSystemGuide .mxGuideCaution{border-inline-start:3px solid #c09432;background:#faf6e9;padding:13px 16px;color:#625321;font-size:13px;margin:24px 0 0}
#mxSystemGuide .mxGuideFooter{display:flex;align-items:center;gap:10px;border-top:1px solid #dbe6e6;padding:14px 28px;background:#fff}
#mxSystemGuide .mxGuideCount{margin-inline-end:auto;font:600 13px/1.4 ui-monospace,monospace;color:#55727a}
#mxSystemGuide .mxGuidePrimary{background:#176b70;color:#fff;border-color:#176b70;min-width:110px;font-weight:650}
#mxSystemGuide .mxGuidePrimary:hover:not(:disabled){background:#10575b;color:#fff}
#mxSystemGuide .mxGuideNotice{margin:0;padding:0 28px 14px;color:#51676e;font-size:11px;line-height:1.4;background:#fff}
.mxGuideEntry{font:600 13px/1.4 system-ui,sans-serif;min-height:44px;cursor:pointer;padding:10px 14px;border:1px solid #aac6c8;border-radius:9px;background:#eff8f7;color:#185b62;white-space:normal}
#systemGuideLogin{margin-top:18px;align-self:flex-start}
#systemGuideTeacher{flex-shrink:0}
.mxUiV3 #tutorDash:has(#systemGuideTeacher){grid-template-rows:auto auto minmax(0,1fr)}
@media(max-width:720px){
 #mxSystemGuide{width:100%;height:100dvh;border-radius:0;border:0}
 #mxSystemGuide .mxGuideHeader{padding:16px 16px 10px;gap:10px}
 #mxSystemGuide h1{font-size:21px}
 #mxSystemGuide .mxGuideHeader p,#mxSystemGuide .mxGuideRoleNote{display:none}
 #mxSystemGuide .mxGuideSettings{padding:0 16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #mxSystemGuide select{width:100%;min-width:0;font-size:16px}
 #mxSystemGuide .mxGuideMobileChapter{display:grid;grid-column:1/-1}
 #mxSystemGuide .mxGuideBody{grid-template-columns:1fr}
 #mxSystemGuide .mxGuideNav{display:none}
 #mxSystemGuide .mxGuideArticle{padding:20px 16px}
 #mxSystemGuide h2{font-size:23px;margin-bottom:20px}
 #mxSystemGuide .mxGuideFooter{padding:10px 16px;gap:8px}
 #mxSystemGuide .mxGuideNotice{padding:0 16px max(10px,env(safe-area-inset-bottom));font-size:10px}
 #mxSystemGuide .mxGuideDiagram{padding:12px}
 #mxSystemGuide .mxGuideFlow{gap:6px}
 #mxSystemGuide .mxGuideFlowNode{padding:12px 7px}
 #mxSystemGuide .mxGuideFlowNode b{font-size:12px}
 #mxSystemGuide .mxGuideExampleControls{display:grid;grid-template-columns:1fr 1fr}
 #mxSystemGuide .mxGuideExampleControls [data-guide-action=reset]{grid-column:1/-1}
 #mxSystemGuide .mxGuideSteps{gap:17px}
}
@media(max-height:480px){
 #mxSystemGuide{height:100dvh;width:100%;border-radius:0}
 #mxSystemGuide .mxGuideHeader{padding:8px 12px}
 #mxSystemGuide h1{font-size:18px;margin:0}
 #mxSystemGuide .mxGuideHeader p,#mxSystemGuide .mxGuideRoleNote{display:none}
 #mxSystemGuide .mxGuideSettings{padding:0 12px 8px;display:flex;flex-wrap:nowrap;gap:8px}
 #mxSystemGuide .mxGuideSettings label{flex:1}
 #mxSystemGuide .mxGuideSettings select{min-width:0;width:100%}
 #mxSystemGuide .mxGuideMobileChapter{display:grid;flex:2}
 #mxSystemGuide .mxGuideFooter{padding:6px 12px}
 #mxSystemGuide .mxGuideNotice{padding:0 12px 6px}
 #mxSystemGuide .mxGuideArticle{padding:14px}
}