/* Issue #753 single-workspace simplification. One view is visible at a time. */
.mexlab{--mx-ink:#142840;--mx-muted:#52677e;--mx-border:#d8e1ec;--mx-blue:#076887;
  color:var(--mx-ink);font:400 .9rem/1.5 Inter,"Segoe UI",system-ui,sans-serif}
.mexlab *{box-sizing:border-box}
.mexlab button,.mexlab input,.mexlab textarea,.mexlab select{font:inherit;color:inherit}
.mexlab button{background:#fff;border:1px solid #c1cedb;border-radius:8px;padding:.56rem .85rem;
  font-weight:600;cursor:pointer;line-height:1.3}
.mexlab button:hover{background:#ecf4f7}
.mexlab button:disabled{opacity:.42;cursor:not-allowed}
.mexlab button:focus-visible,.mexlab input:focus-visible,.mexlab textarea:focus-visible,.mexlab select:focus-visible{
  outline:3px solid #13b8d1;outline-offset:2px}
.mexlab button.mexlab__primary{color:#fff;background:#076887;border-color:#076887}
.mexlab button.mexlab__primary:hover{background:#004e66}
.mexlab h2{font-size:1.22rem;line-height:1.24;margin:.35rem 0 .75rem;color:#142840}
.mexlab p{margin:.4rem 0 .85rem;line-height:1.55}
.mexlab a{color:#067195}
.mexlab__shell{max-width:920px;margin:0 auto}
.mexlab__training{font-size:.74rem;color:#466075;margin:.15rem 0 .65rem}
.mexlab__header{background:#071426;color:#e8f2fa;padding:1rem 1.15rem;border-radius:10px 10px 0 0;
  display:flex;justify-content:space-between;align-items:center;gap:1rem}
.mexlab__header h2{color:#fff;margin:.08rem 0 .2rem;font-size:1.12rem}
.mexlab__header p{color:#bad0df;font-size:.77rem;margin:0}
.mexlab__header .mexlab__eyebrow{color:#8ad4e4}
.mexlab__header button{color:#e1e8f0;background:transparent;border:1px solid #648196;white-space:nowrap}
.mexlab__header button:hover{background:#17334b}
.mexlab__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;
  font-weight:700;color:#50718a;display:block}
.mexlab__tabs{display:flex;gap:0;background:#f0f5f9;border:1px solid var(--mx-border);border-top:0;border-bottom:0;
  scroll-margin-top:4rem}
.mexlab__tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;
  background:transparent;padding:.83rem 1.1rem;flex:1;white-space:nowrap;font-weight:700;font-size:.83rem}
.mexlab__tabs button[aria-current="page"]{border-bottom:3px solid #076887;background:#fff;color:#075d7a}
.mexlab__current{border:1px solid var(--mx-border);background:#fff;border-radius:0 0 10px 10px;
  min-height:330px;outline-offset:3px}
.mexlab__single{max-width:780px;margin:0 auto;padding:1.3rem 1.45rem 1.45rem}
.mexlab__kicker{display:flex;justify-content:space-between;align-items:center;
  text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700;color:#52677e}
.mexlab__progress{font-size:.7rem;font-weight:600;letter-spacing:0;text-transform:none}
.mexlab__stage-meter{display:flex;gap:.3rem;margin:.8rem 0 1.1rem}
.mexlab__stage-meter button{flex:1;background:#f5f8fb;border-radius:6px;padding:.31rem;font-size:.8rem}
.mexlab__stage-meter button[aria-current="step"]{background:#116682;color:#fff;border-color:#116682}
.mexlab__question{font-size:1.04rem;font-weight:700}
.mexlab__comparison{display:grid;gap:1rem;margin:.95rem 0}
.mexlab__before,.mexlab__after,.mexlab__reveal{padding:.85rem 1rem}
.mexlab__before{border-left:3px solid #9ab2c7;background:#f5f8fb}
.mexlab__after{border-left:3px solid #368566;background:#f2f8f4}
.mexlab__reveal{border:1px dashed #99aebf;border-radius:7px}
.mexlab__reveal p{font-weight:600}
.mexlab__after .mexlab__eyebrow{color:#20664f}
.mexlab__sample{display:grid;gap:.3rem;background:#fff;border:1px solid var(--mx-border);
  border-radius:8px;padding:.65rem .8rem;margin:.65rem 0 0}
.mexlab__sample strong{font-size:.85rem}
.mexlab__sample p{margin:.15rem 0;font-size:.8rem}
.mexlab__sample small{color:var(--mx-muted)}
.mexlab__record-link{display:block;text-align:left;width:100%;font-size:.8rem;
  margin:.3rem 0 0;background:#fff}
.mexlab__record-link span{float:right;color:#075d7a}
.mexlab__new-records{margin:.45rem 0 .75rem}
.mexlab__takeaway{border-top:1px solid #cddfd5;padding-top:.7rem}
.mexlab__actions{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.mexlab__actions button:first-child:not(:last-child){margin-right:auto}
.mexlab__bottom{border-top:1px solid #e2e9f0;margin-top:1.2rem;padding-top:.7rem;
  color:var(--mx-muted);font-size:.77rem}
.mexlab__text-button{border:0!important;background:none!important;color:#076887!important;
  font-weight:700;text-decoration:underline;padding:.15rem!important}
.mexlab__bottom p{font-size:.74rem}
.mexlab__back{border:0!important;color:#086b89;background:transparent!important;
  padding:.2rem 0 .8rem!important}
.mexlab__search,.mexlab__notes{display:block;font-weight:700;font-size:.83rem;margin:.85rem 0}
.mexlab__search input,.mexlab__notes textarea,.mexlab__filters select{display:block;width:100%;
  background:#fff;border:1px solid #9eaec0;border-radius:7px;padding:.65rem;margin:.35rem 0 0}
.mexlab__advanced,.mexlab__scope{background:#f7f9fc;border:1px solid #dbe4ec;
  border-radius:7px;padding:.55rem .8rem;margin:.65rem 0}
.mexlab__advanced summary,.mexlab__scope summary{font-weight:700;cursor:pointer}
.mexlab__filters{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.7rem 0 .1rem}
.mexlab__filters label{font-weight:700;font-size:.75rem}
.mexlab__count{font-size:.76rem;color:#52677e;margin:.85rem 0}
.mexlab__records{display:grid;gap:.5rem}
.mexlab__record{width:100%;text-align:left!important;display:grid;gap:.12rem;
  border-radius:7px!important;padding:.85rem!important}
.mexlab__record>span:first-child{color:#586f86;font-size:.72rem}
.mexlab__record strong{font-size:.88rem;font-weight:700}
.mexlab__record small{font-size:.75rem;color:#50677a}
.mexlab__record-time{color:#596d7e;font-size:.72rem;margin-top:.2rem}
.mexlab__record-time b{float:right;color:#086e8f}
.mexlab__fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1.1rem;margin:1rem 0}
.mexlab__fields div{border-bottom:1px solid #e4e9ef;padding-bottom:.45rem;min-width:0}
.mexlab__fields dt{font-size:.73rem;color:#567186}
.mexlab__fields dd{margin:.15rem 0 0;overflow-wrap:anywhere;font-size:.86rem}
.mexlab__fields div:last-child{grid-column:1/-1}
.mexlab__meaning{padding:.85rem 1rem;background:#eef6fa;border-radius:8px}
.mexlab__detail-summary{color:#425e72}
.mexlab__saved{border:1px solid #dce6ee;border-radius:8px;padding:.85rem 1rem;margin:1.15rem 0}
.mexlab__saved>strong{display:block;margin-bottom:.45rem}
.mexlab__notes textarea{min-height:138px;resize:vertical;line-height:1.55;font-weight:400}
.mexlab__empty{padding:.9rem;border:1px dashed #b7c7d5;border-radius:8px}
.mexlab__footer{font-size:.75rem;color:#60758a;margin:.75rem 0}
@media(max-width:620px){
  .mexlab__header{padding:.83rem;align-items:start}
  .mexlab__header h2{font-size:.96rem}
  .mexlab__header p{font-size:.72rem}
  .mexlab__header button{font-size:.72rem;padding:.42rem}
  .mexlab__tabs button{padding:.74rem .15rem;font-size:.73rem}
  .mexlab__single{padding:.95rem .82rem 1.1rem}
  .mexlab h2{font-size:1.08rem}
  .mexlab__question{font-size:.94rem}
  .mexlab__before,.mexlab__after,.mexlab__reveal{padding:.7rem}
  .mexlab__fields{grid-template-columns:1fr}
  .mexlab__fields div:last-child{grid-column:auto}
  .mexlab__filters{grid-template-columns:1fr}
  .mexlab__actions{justify-content:stretch}
  .mexlab__actions button{flex:1}
}

/* #753 v0.3 — existing lab-style workspace, simulated reader left, instructions right. */
.md-content:has(#ifd-mex-reader){max-width:none}
.md-content__inner:has(#ifd-mex-reader){max-width:none;margin:0;padding:0}
.md-content__inner:has(#ifd-mex-reader)>h1{font-size:1.13rem;margin:.55rem 1rem}
.md-content__inner:has(#ifd-mex-reader)>p{font-size:.79rem;margin:.3rem 1rem}
#ifd-mex-reader{position:relative;left:50%;width:100vw;margin-left:-50vw;max-width:none}
.mexlab__shell{width:100%;max-width:none;margin:0}
.mexlab__training{margin:0;padding:.43rem 1rem;background:#e7f2f7;font-size:.74rem}
.mexlab__header{border-radius:0;min-height:66px}
.mexlab__header h2{margin:0}
.mexlab__workspace{display:grid;grid-template-columns:minmax(0,63fr) minmax(320px,37fr);height:min(79vh,920px);min-height:620px;gap:0;border:1px solid #d8e1ec}
.mexlab__reader-pane,.mexlab__task-pane{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mexlab__reader-pane{background:#f0f4f8}
.mexlab__task-pane{background:#fff;border-left:1px solid #cbd8e5}
.mexlab__reader-pane .mexlab__single{max-width:none;padding:1rem 1.25rem}
.mexlab__task-head{padding:.8rem 1rem .55rem;border-bottom:1px solid #dce5ed;background:#edf4f8}
.mexlab__task-head h2{margin:0;font-size:1.05rem}
.mexlab__task-pane .mexlab__task-content,.mexlab__task-pane .mexlab__finding{max-width:none;padding:1rem 1.05rem}
.mexlab__task-content h3{font-size:1.1rem;margin:.3rem 0 .7rem}
.mexlab__task-content h4{font-size:.73rem;color:#326983;margin:.95rem 0 .3rem;text-transform:uppercase;letter-spacing:.04em}
.mexlab__task-question{border-left:3px solid #1683a1;background:#f0f7fa;padding:.65rem .8rem}
.mexlab__task-hint{color:#586f7f;font-size:.8rem;margin:.75rem 0}
.mexlab__task-feedback{background:#edf7f0;border-left:3px solid #39866d;padding:.7rem .8rem;font-size:.81rem;margin:.7rem 0}
.mexlab__task-feedback p:last-child{margin-bottom:0}
.mexlab__task-references{display:grid;gap:.35rem}
.mexlab__task-references button{margin:0}
.mexlab__reader-hint{font-size:.76rem;color:#5d7185}
.mexlab__reader-pane .mexlab__records{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.mexlab__reader-pane .mexlab__record{background:#fff}
.mexlab__reader-pane .mexlab__record:hover{border-color:#398db2}
.mexlab__footer{margin:0;background:#f8fafc;padding:.45rem 1rem;font-size:.73rem}
.mexlab__mobile-switch{display:none}
@media(max-width:760px){
 .mexlab__header{min-height:59px;padding:.67rem .8rem}
 .mexlab__mobile-switch{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:0;z-index:3;background:#e3edf4}
 .mexlab__mobile-switch button{border:0;border-radius:0;background:transparent;padding:.65rem}
 .mexlab__mobile-switch button[aria-pressed=true]{background:#076887;color:#fff}
 .mexlab__workspace{display:block;height:calc(100dvh - 193px);min-height:450px;overflow:hidden}
 .mexlab__reader-pane,.mexlab__task-pane{display:none;height:100%;border:0}
 .mexlab__reader-pane.is-mobile-active,.mexlab__task-pane.is-mobile-active{display:block}
 .mexlab__reader-pane .mexlab__records{grid-template-columns:1fr}
 .mexlab__reader-pane .mexlab__single{padding:.75rem}
 .mexlab__task-pane .mexlab__task-content,.mexlab__task-pane .mexlab__finding{padding:.85rem}
 .mexlab__task-pane .mexlab__actions{position:sticky;bottom:0;background:#fff;padding:.6rem 0}
 .mexlab__footer{font-size:.67rem}
}
@media(prefers-reduced-motion:reduce){.mexlab *{scroll-behavior:auto!important}}

@media(max-width:760px){.mexlab__mobile-switch{top:3.15rem;z-index:12}}

/* Keep instructions clickable: fixed/sticky task controls must not cover reveal actions. */
@media(max-width:760px){.mexlab__task-pane .mexlab__actions{position:static;bottom:auto}}

/* The workspace has its own accessible case heading: avoid the theme's duplicate oversized page title. */
.md-content:has(#ifd-mex-reader) h1{display:none!important}
.md-content__inner:has(#ifd-mex-reader){padding-top:0!important}

/* #753 v0.4: single viewport on desktop/laptop/phone, established left-reader/right-task layout retained. */
body:has(#ifd-mex-reader){height:100dvh;overflow:hidden}
body:has(#ifd-mex-reader) .md-header,
body:has(#ifd-mex-reader) .md-tabs,
body:has(#ifd-mex-reader) .md-sidebar,
body:has(#ifd-mex-reader) .md-footer,
body:has(#ifd-mex-reader) .ifd-modebar {display:none!important}
body:has(#ifd-mex-reader) .md-main {height:100dvh;overflow:hidden;margin:0;padding:0}
body:has(#ifd-mex-reader) .md-main__inner {height:100%;min-height:0;max-width:none;width:100%;margin:0;padding:0}
body:has(#ifd-mex-reader) .md-content {height:100%;width:100%;max-width:none;margin:0;overflow:hidden}
body:has(#ifd-mex-reader) .md-content__inner {height:100%;min-height:0;max-width:none;margin:0!important;padding:0!important;overflow:hidden}
body:has(#ifd-mex-reader) .md-content__inner:before,
body:has(#ifd-mex-reader) .md-content__inner:after {display:none}
#ifd-mex-reader {position:relative;left:0;top:0;width:100%;height:100dvh;min-height:0;margin:0;overflow:hidden}
.mexlab__shell {height:100%;min-height:0;max-height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}
.mexlab__training {flex:0 0 auto;padding:.27rem .85rem;font-size:.69rem;line-height:1.25}
.mexlab__header {flex:0 0 auto;min-height:0;padding:.45rem .85rem;gap:.5rem}
.mexlab__header h2 {font-size:1rem;line-height:1.2}
.mexlab__header p {font-size:.7rem}
.mexlab__header button{padding:.36rem .65rem;font-size:.75rem}
.mexlab__workspace {flex:1 1 auto;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
.mexlab__reader-pane,.mexlab__task-pane{height:100%;max-height:100%;min-height:0;overflow-y:auto}
.mexlab__task-head {padding:.52rem .8rem .42rem}
.mexlab__task-head h2{font-size:1rem}
.mexlab__task-pane .mexlab__task-content,.mexlab__task-pane .mexlab__finding{padding:.65rem .85rem .95rem}
.mexlab__task-content h3{font-size:.98rem;margin:.12rem 0 .5rem}
.mexlab__task-content h4{margin:.62rem 0 .16rem;font-size:.69rem}
.mexlab__task-pane p{font-size:.82rem;line-height:1.45;margin:.26rem 0 .55rem}
.mexlab__case-purpose{margin:.55rem .85rem .2rem;padding:.58rem .7rem;background:#f2f7fa;border-left:3px solid #1e8dab}
.mexlab__case-purpose strong{font-size:.79rem}
.mexlab__case-purpose p{font-size:.77rem;margin:.2rem 0 .35rem;line-height:1.38}
.mexlab__teaching-point{color:#334c60}
.mexlab__stage-meter{margin:.35rem 0 .6rem}
.mexlab__task-feedback{margin:.45rem 0;padding:.55rem}
.mexlab__reader-pane .mexlab__single{padding:.65rem .8rem}
.mexlab__reader-pane .mexlab__single h2{margin:.15rem 0 .45rem;font-size:1.05rem}
.mexlab__scope,.mexlab__advanced{margin:.35rem 0;padding:.35rem .65rem}
.mexlab__search{margin:.5rem 0}
.mexlab__search input{padding:.42rem;margin:.2rem 0 0}
.mexlab__records{gap:.35rem}
.mexlab__record{padding:.58rem .65rem!important}
.mexlab__record strong{font-size:.82rem}
.mexlab__record small{font-size:.72rem}
.mexlab__count{margin:.45rem 0}
.mexlab__footer {flex:0 0 auto;padding:.22rem .85rem;font-size:.66rem;line-height:1.2}
.mexlab__mobile-switch {flex:0 0 auto}
@media(max-width:760px){
 .mexlab__header {padding:.4rem .65rem;min-height:0}
 .mexlab__mobile-switch {position:static;top:auto;z-index:3}
 .mexlab__mobile-switch button{padding:.48rem}
 .mexlab__workspace{flex:1 1 auto;min-height:0;height:auto!important;overflow:hidden}
 .mexlab__reader-pane,.mexlab__task-pane{height:100%;max-height:100%;overflow-y:auto}
 .mexlab__task-pane .mexlab__task-content,.mexlab__task-pane .mexlab__finding{padding:.55rem .75rem}
 .mexlab__case-purpose{margin:.4rem .7rem;padding:.5rem}
 .mexlab__case-purpose p{font-size:.75rem}
 .mexlab__footer{padding:.2rem .65rem}
}

/* Compact task instructions so the first action is visible at laptop heights. */
.mexlab__task-head{padding:.36rem .7rem .3rem}
.mexlab__case-purpose{margin:.35rem .7rem .12rem;padding:.36rem .55rem}
.mexlab__case-purpose p{margin:.1rem 0 .2rem;line-height:1.32}
.mexlab__task-content h4{margin:.42rem 0 .08rem}
.mexlab__task-content h3{margin:.06rem 0 .3rem}
.mexlab__task-pane .mexlab__task-content{padding:.45rem .7rem .85rem}
.mexlab__task-question{padding:.4rem .55rem}
.mexlab__stage-meter{margin:.22rem 0 .36rem}

/* #753 v0.5: teach the viewer and explain fields before comparison. */
.mexlab__header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.mexlab__orientation{font-size:.94rem;line-height:1.55}
.mexlab__orientation h3{font-size:1rem;margin:1rem 0 .4rem}
.mexlab__route{padding-left:1.35rem}
.mexlab__route li{margin:.5rem 0}
.mexlab__field-help{display:block;color:#45627a;font-size:.78rem!important;line-height:1.45;margin-top:.4rem!important}
.mexlab__fields dd{word-break:normal}
.mexlab__task-content p{font-size:.87rem;line-height:1.5}
@media(max-width:760px){.mexlab__header-actions{gap:.3rem}.mexlab__header-actions button{white-space:normal}}

/* #794: link to the seizure-to-report lead-in. */
.mexlab__journey-link{background:#eef6fa;border-left:3px solid #076887;padding:.5rem .7rem;font-size:.88rem}

/* #753 v0.6: decisions before material arrives; other sources kept apart from Lena's report. */
.mexlab__options{display:grid;gap:.4rem;margin:.5rem 0 .7rem}
.mexlab button.mexlab__option{display:flex;gap:.55rem;align-items:flex-start;text-align:left;width:100%;
  font-weight:500;background:#fff;border:1px solid #b9c8d6;padding:.55rem .7rem;font-size:.85rem;line-height:1.4}
.mexlab button.mexlab__option:hover{background:#eef6f9;border-color:#2b8aa8}
.mexlab button.mexlab__option[aria-disabled=true]{cursor:default}
.mexlab button.mexlab__option[aria-disabled=true]:not(.is-correct):not(.is-wrong){opacity:.55}
.mexlab button.mexlab__option[aria-disabled=true]:hover{background:#fff;border-color:#b9c8d6}
.mexlab__option-mark{flex:0 0 1.15rem;height:1.15rem;border:1.5px solid #8aa0b4;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-top:.05rem}
.mexlab button.mexlab__option.is-correct{border-color:#2f8062;background:#eef8f2}
.mexlab button.mexlab__option.is-correct .mexlab__option-mark{background:#2f8062;border-color:#2f8062;color:#fff}
.mexlab button.mexlab__option.is-wrong{border-color:#b9792a;background:#fdf6ec}
.mexlab button.mexlab__option.is-wrong .mexlab__option-mark{background:#b9792a;border-color:#b9792a;color:#fff}
.mexlab__task-pane p.mexlab__option-feedback{margin:-.1rem 0 .25rem;padding:.45rem .65rem;font-size:.8rem;border-radius:0 0 6px 6px}
.mexlab__option-feedback.is-correct{background:#e3f3ea;color:#1f5a44}
.mexlab__option-feedback.is-wrong{background:#fbeedb;color:#6b4513}
.mexlab button.mexlab__reveal-button{width:100%;margin:.4rem 0}
.mexlab__guide{margin:.2rem 0 .7rem}
.mexlab__guide div{padding:.35rem 0;border-bottom:1px solid #e4eaf0}
.mexlab__guide dt{font-weight:700;font-size:.8rem}
.mexlab__guide dd{margin:.1rem 0 0;font-size:.82rem;color:#3c566b}
.mexlab__other{margin-top:1.1rem;padding:.7rem .75rem .8rem;border:1px dashed #8da9bf;border-radius:8px;background:#e8eef4}
.mexlab__other h3{font-size:.92rem;margin:0}
.mexlab__other-note{font-size:.76rem;color:#4e667b;margin:.15rem 0 .5rem!important}
.mexlab__reader-pane .mexlab__record--other{border-left:4px solid #6f8ea8}
.mexlab__badge{display:inline-block;margin:.25rem 0 0;padding:.1rem .45rem;border-radius:4px;
  background:#dfe8f0;color:#36536b;font-size:.7rem;font-weight:700}
.mexlab__show{display:block;font-weight:700;font-size:.78rem;margin:.35rem 0}
.mexlab__show select{display:block;width:100%;max-width:260px;margin-top:.2rem;background:#fff;
  border:1px solid #9eaec0;border-radius:7px;padding:.35rem}
.mexlab__model{margin:1rem 0 .2rem;padding:.7rem .85rem;border-left:3px solid #2f8062;background:#f1f8f4;font-size:.84rem}
.mexlab__model h4{margin:.55rem 0 .15rem}
.mexlab__model ul{margin:.1rem 0 .3rem;padding-left:1.15rem}
.mexlab__model li{margin:.2rem 0}
.mexlab__finding .mexlab__actions button:first-child{margin-right:auto}
