/* #794 From seizure to report: case file left, task right; same shell as the #753 reader exercise. */
.mj{--mj-ink:#142840;--mj-muted:#52677e;--mj-line:#d8e1ec;--mj-blue:#076887;--mj-paper:#fffdf8;
  color:var(--mj-ink);font:400 .9rem/1.5 Inter,"Segoe UI",system-ui,sans-serif}
.mj *{box-sizing:border-box}
.mj button,.mj input,.mj select{font:inherit;color:inherit}
.mj button{background:#fff;border:1px solid #c1cedb;border-radius:8px;padding:.5rem .8rem;font-weight:600;cursor:pointer;line-height:1.3}
.mj button:hover{background:#ecf4f7}
.mj button:disabled{opacity:.42;cursor:not-allowed}
.mj button:focus-visible,.mj input:focus-visible,.mj select:focus-visible,.mj a:focus-visible{outline:3px solid #13b8d1;outline-offset:2px}
.mj button.mj__primary{color:#fff;background:var(--mj-blue);border-color:var(--mj-blue)}
.mj button.mj__primary:hover{background:#004e66}
.mj a{color:#067195}
.mj h2{font-size:1.1rem;line-height:1.25;margin:.2rem 0 .6rem;color:#142840}
.mj p{margin:.3rem 0 .7rem;line-height:1.5}
.mj__eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#50718a;display:block}
.mj__small{font-size:.76rem;color:var(--mj-muted)}

/* Page shell: one viewport, panes scroll. */
body:has(#ifd-mex-journey){height:100dvh;overflow:hidden}
body:has(#ifd-mex-journey) .md-header,body:has(#ifd-mex-journey) .md-tabs,body:has(#ifd-mex-journey) .md-sidebar,
body:has(#ifd-mex-journey) .md-footer,body:has(#ifd-mex-journey) .ifd-modebar{display:none!important}
body:has(#ifd-mex-journey) .md-main{height:100dvh;overflow:hidden;margin:0;padding:0}
body:has(#ifd-mex-journey) .md-main__inner{height:100%;min-height:0;max-width:none;width:100%;margin:0;padding:0}
body:has(#ifd-mex-journey) .md-content{height:100%;width:100%;max-width:none;margin:0;overflow:hidden}
body:has(#ifd-mex-journey) .md-content__inner{height:100%;min-height:0;max-width:none;margin:0!important;padding:0!important;overflow:hidden}
body:has(#ifd-mex-journey) .md-content__inner:before,body:has(#ifd-mex-journey) .md-content__inner:after{display:none}
.md-content:has(#ifd-mex-journey) h1{display:none!important}
#ifd-mex-journey{position:relative;width:100%;height:100dvh;margin:0;overflow:hidden}
.mj__shell{height:100%;display:flex;flex-direction:column;overflow:hidden}
.mj__training{flex:0 0 auto;padding:.27rem .85rem;font-size:.69rem;line-height:1.25;background:#e7f2f7;color:#466075}
.mj__header{flex:0 0 auto;background:#071426;color:#e8f2fa;padding:.45rem .85rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.mj__header h2{color:#fff;margin:0;font-size:1rem}
.mj__header p{color:#bad0df;font-size:.7rem;margin:0}
.mj__header .mj__eyebrow{color:#8ad4e4}
.mj__header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.mj__header button{color:#e1e8f0;background:transparent;border:1px solid #648196;padding:.36rem .65rem;font-size:.75rem;white-space:nowrap}
.mj__header button:hover{background:#17334b}
.mj__switch{display:none}
.mj__workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,60fr) minmax(330px,40fr);border:1px solid var(--mj-line);overflow:hidden}
.mj__file,.mj__taskpane{min-width:0;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain}
.mj__file{background:#eef2f6;padding:.6rem .85rem 1rem}
.mj__taskpane{background:#fff;border-left:1px solid #cbd8e5}
.mj__task-head{padding:.4rem .8rem .35rem;border-bottom:1px solid #dce5ed;background:#edf4f8}
.mj__task-head h2{margin:0;font-size:1rem}
.mj__footer{flex:0 0 auto;padding:.22rem .85rem;font-size:.68rem;background:#f8fafc;color:#60758a}

/* Route strip and tabs. */
.mj__route{display:flex;gap:.25rem;list-style:none;margin:0 0 .55rem;padding:0;flex-wrap:wrap}
.mj__route-step{flex:1 1 0;min-width:84px;font-size:.7rem;font-weight:600;color:#5b7186;background:#fff;border:1px solid #d3dee8;border-radius:6px;padding:.28rem .4rem;display:flex;gap:.3rem;align-items:center}
.mj__route-step span{display:inline-flex;width:1.1rem;height:1.1rem;border-radius:50%;background:#dfe8f0;align-items:center;justify-content:center;font-size:.66rem}
.mj__route-step.is-current{border-color:#076887;color:#0b4e66;background:#e6f3f8}
.mj__route-step.is-current span{background:#076887;color:#fff}
.mj__route-step.is-done span{background:#2f8062;color:#fff}
.mj__tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin:0 0 .55rem}
.mj__tabs button{font-size:.74rem;padding:.3rem .55rem;border-radius:6px;background:#f7f9fb}
.mj__tabs button[aria-pressed=true]{background:#142840;border-color:#142840;color:#fff}

/* Documents read as paper records. */
.mj__doc{background:var(--mj-paper);border:1px solid #d9d2c3;border-radius:4px;box-shadow:0 1px 2px rgba(20,40,64,.08);padding:.9rem 1.05rem;max-width:780px}
.mj__doc-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;border-bottom:2px solid #142840;padding-bottom:.45rem;margin-bottom:.7rem}
.mj__doc-head h2{margin:.1rem 0 0}
.mj__doc-head code{font-size:.75rem;background:#f1ece0;padding:.15rem .4rem;border-radius:3px;white-space:nowrap}
.mj__rows{margin:0;display:grid;gap:0}
.mj__rows div{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:.8rem;border-bottom:1px solid #ece5d6;padding:.4rem 0}
.mj__rows dt{font-size:.74rem;font-weight:700;color:#4a5f72}
.mj__rows dd{margin:0;font-size:.85rem;overflow-wrap:anywhere}
.mj__blank{display:inline-block;min-width:8rem;border-bottom:1px dotted #a99f88}
.mj__log{width:100%;border-collapse:collapse;font-size:.84rem}
.mj__log th{text-align:left;vertical-align:top;white-space:nowrap;padding:.4rem .7rem .4rem 0;color:#4a5f72;font-size:.76rem;width:7.5rem}
.mj__log td{padding:.4rem 0;border-bottom:1px solid #ece5d6}
.mj__table-title{font-size:.8rem;margin:.9rem 0 .3rem}
.mj__table{width:100%;border-collapse:collapse;font-size:.8rem}
.mj__table th,.mj__table td{border:1px solid #ddd4c2;padding:.3rem .45rem;text-align:left;vertical-align:top}
.mj__table th{background:#f3eee3;font-size:.72rem}
.mj__stamp{display:inline-block;margin-top:.7rem;padding:.2rem .6rem;border:2px solid #8a9aab;color:#55687b;border-radius:4px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.mj__stamp.is-ok{border-color:#2f8062;color:#2f8062}
.mj__stamp.is-returned{border-color:#b9792a;color:#9a5f17}
.mj__overview .mj__stages{list-style:none;padding:0;margin:.6rem 0}
.mj__stages li{display:flex;gap:.6rem;padding:.4rem 0;border-bottom:1px solid #ece5d6}
.mj__stages li>span{flex:0 0 1.5rem;height:1.5rem;border-radius:50%;background:#142840;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
.mj__stages strong{display:block;font-size:.86rem}
.mj__stages small{color:#4a5f72;font-size:.8rem}

/* Task. */
.mj__task{padding:.6rem .85rem 1rem}
.mj__task h3{font-size:1rem;margin:.15rem 0 .45rem}
.mj__task h4{font-size:.7rem;color:#326983;margin:.7rem 0 .15rem;text-transform:uppercase;letter-spacing:.04em}
.mj__task p{font-size:.86rem}
.mj__kicker{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#52677e}
.mj__part{border-top:1px solid #e3eaf0;margin-top:.7rem;padding-top:.6rem}
.mj__lead{background:#f4f6f9;border-left:3px solid #8aa0b4;padding:.45rem .6rem}
.mj__question{font-weight:700;border-left:3px solid #1683a1;background:#f0f7fa;padding:.45rem .6rem}
.mj__options,.mj__checks{display:grid;gap:.35rem;margin:.4rem 0 .6rem}
.mj button.mj__option{display:flex;gap:.5rem;align-items:flex-start;text-align:left;width:100%;font-weight:500;font-size:.85rem;padding:.5rem .65rem}
.mj button.mj__option[aria-disabled=true]{cursor:default}
.mj button.mj__option[aria-disabled=true]:not(.is-correct):not(.is-wrong){opacity:.55}
.mj__mark{flex:0 0 1.1rem;height:1.1rem;border:1.5px solid #8aa0b4;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-top:.05rem}
.mj button.mj__option.is-correct{border-color:#2f8062;background:#eef8f2}
.mj button.mj__option.is-correct .mj__mark{background:#2f8062;border-color:#2f8062;color:#fff}
.mj button.mj__option.is-wrong{border-color:#b9792a;background:#fdf6ec}
.mj button.mj__option.is-wrong .mj__mark{background:#b9792a;border-color:#b9792a;color:#fff}
.mj__feedback{margin:.1rem 0 .4rem;padding:.45rem .65rem;font-size:.82rem;border-radius:6px}
.mj__feedback ul{margin:.25rem 0 0;padding-left:1.1rem}
.mj__feedback.is-correct{background:#e3f3ea;color:#1f5a44}
.mj__feedback.is-wrong{background:#fbeedb;color:#6b4513}
.mj__check{display:flex;gap:.5rem;align-items:flex-start;border:1px solid #c9d5e0;border-radius:7px;padding:.45rem .6rem;font-size:.84rem;background:#fff;cursor:pointer}
.mj__check.is-on{border-color:#076887;background:#eef6f9}
.mj__check input{margin-top:.2rem;flex:0 0 auto}
.mj__field{border:1px solid #d5dfe8;border-radius:8px;padding:.45rem .6rem .55rem;margin:.5rem 0;display:grid;gap:.3rem}
.mj__field legend{font-weight:700;font-size:.85rem;padding:0 .25rem;display:flex;gap:.4rem;align-items:center}
.mj__field legend span{display:inline-flex;width:1.25rem;height:1.25rem;border-radius:50%;background:#142840;color:#fff;align-items:center;justify-content:center;font-size:.7rem}
.mj__field legend small{font-weight:400;color:var(--mj-muted)}
.mj__triage{border-radius:8px;padding:.55rem .7rem;margin:.6rem 0;font-size:.83rem}
.mj__triage ul{margin:.3rem 0;padding-left:1.1rem}
.mj__triage li{margin:.2rem 0}
.mj__triage.is-returned{background:#fbeedb;border-left:4px solid #b9792a}
.mj__triage.is-ok{background:#e3f3ea;border-left:4px solid #2f8062}
.mj__match{display:grid;gap:.45rem;margin:.4rem 0 .6rem}
.mj__match-row{border:1px solid #d5dfe8;border-radius:7px;padding:.45rem .6rem;display:grid;gap:.3rem}
.mj__match-row p{margin:0;font-size:.84rem}
.mj__match-row select{max-width:100%;padding:.3rem;border:1px solid #9eaec0;border-radius:6px;background:#fff}
.mj__match-row small{font-size:.78rem}
.mj__match-row.is-correct{border-color:#2f8062;background:#f1f9f4}
.mj__match-row.is-wrong{border-color:#b9792a;background:#fdf6ec}
.mj__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0}
.mj__summary div{background:#f0f5f9;border-radius:8px;padding:.5rem;text-align:center}
.mj__summary strong{display:block;font-size:1.05rem}
.mj__summary span{font-size:.72rem;color:#4a5f72}
.mj__launch{display:block;text-align:center;margin:.8rem 0 .3rem;padding:.65rem;border-radius:8px;background:#076887;color:#fff!important;font-weight:700;text-decoration:none}
.mj__launch:hover{background:#004e66}
.mj__actions{display:flex;justify-content:space-between;gap:.5rem;margin-top:.9rem}
.mj__bottom{border-top:1px solid #e2e9f0;margin-top:1rem;padding-top:.6rem;color:var(--mj-muted);font-size:.76rem!important}

@media(max-width:760px){
  .mj__header{padding:.4rem .65rem}
  .mj__header-actions button{white-space:normal;font-size:.7rem}
  .mj__switch{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;background:#e3edf4}
  .mj__switch button{border:0;border-radius:0;background:transparent;padding:.48rem}
  .mj__switch button[aria-pressed=true]{background:#076887;color:#fff}
  .mj__workspace{display:block}
  .mj__file,.mj__taskpane{display:none;border:0}
  .mj__file.is-active,.mj__taskpane.is-active{display:block}
  .mj__file{padding:.5rem .55rem .8rem}
  .mj__doc{padding:.7rem .7rem}
  .mj__rows div{grid-template-columns:1fr;gap:.1rem}
  .mj__route-step{min-width:0;font-size:0;padding:.25rem;justify-content:center}
  .mj__route-step span{font-size:.66rem}
  .mj__task{padding:.55rem .7rem .9rem}
  .mj__summary{grid-template-columns:1fr 1fr 1fr}
}
/* The theme's list styles outrank single classes: pin the route strip and stage list. */
.mj ol.mj__route{display:flex;flex-wrap:nowrap;list-style:none;margin:0 0 .55rem;padding:0;gap:.25rem}
.mj ol.mj__route li.mj__route-step{margin:0;flex:1 1 0;min-width:0;display:flex}
.mj ol.mj__stages{list-style:none;margin:.6rem 0;padding:0}
.mj ol.mj__stages li{margin:0}
@media(max-width:760px){
  .mj ol.mj__route li.mj__route-step{padding:.22rem 0}
  .mj__log th,.mj__log td{display:block;width:auto;padding:.15rem 0}
  .mj__log tr{display:block;border-bottom:1px solid #ece5d6;padding:.3rem 0}
  .mj__log td{border:0}
  .mj__tabs button{font-size:.7rem;padding:.25rem .45rem}
}
@media(prefers-reduced-motion:reduce){.mj *{scroll-behavior:auto!important}}


/* #794: Case-file and task panes stay light in both MkDocs colour schemes.
   Explicit local ink prevents slate's pale headings and paragraphs from
   disappearing on the white task panel. */
.mj .mj__taskpane {
  color: var(--mj-ink);
}
.mj .mj__task h3,
.mj .mj__task p {
  color: var(--mj-ink);
}
/* Preserve established semantic feedback and secondary-reading colours. */
.mj .mj__task p.mj__feedback.is-correct,
.mj .mj__task .mj__feedback.is-correct p { color: #1f5a44; }
.mj .mj__task p.mj__feedback.is-wrong,
.mj .mj__task .mj__feedback.is-wrong p { color: #6b4513; }
.mj .mj__task p.mj__bottom { color: var(--mj-muted); }