/* MD Not Aware v10.22 — readable desktop study workspace.
   Overrides the accumulated ultra-compact desktop-only rules.
   Keep mobile slide-out behavior, question logic, themes and notes unchanged. */
@media (min-width: 1101px) {
  :root { --leftRail: 255px !important; --notesRail: 255px !important; }
  #contentShell {
    grid-template-columns: minmax(240px, 255px) minmax(0, 1fr) minmax(240px, 255px) !important;
    width: 100% !important;
  }
}
@media (min-width: 701px) and (max-width: 1100px) {
  :root { --leftRail: 205px !important; --notesRail: 200px !important; }
  #contentShell {
    grid-template-columns: 205px minmax(0, 1fr) 200px !important;
    width: 100% !important;
  }
}
@media (min-width: 701px) {
  #contentShell, #contentShell > main, #controlRail, #globalNotesRail { min-width:0 !important; }
  #contentShell > main { overflow-x:hidden !important; }
  #controlRail { padding:10px 10px 8px !important; }
  #controlRail .railBrand .brand { font-size:15px !important; line-height:1.35 !important; }
  #controlRail .railCompactGrid { gap:8px 6px !important; }
  #controlRail .compactControl { min-width:0 !important; }
  #controlRail .compactControl > label,
  #controlRail .compactJump > label,
  #controlRail .railSection > label {
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.025em !important;
    min-height:12px !important;
  }
  #controlRail .compactControl select,
  #controlRail .compactControl summary,
  #controlRail #jumpinput,
  #controlRail #jumpgo {
    font-size:11px !important;
    line-height:1.3 !important;
    min-height:30px !important;
    height:auto !important;
    padding:6px 7px !important;
  }
  #controlRail .compactControl select,
  #controlRail .compactControl summary { max-width:100% !important; min-width:0 !important; }
  #controlRail .jumpRow { min-width:0 !important; }
  #controlRail #jumpinput { min-width:0 !important; }
  #controlRail #jumpgo { width:auto !important; min-width:34px !important; flex:0 0 auto !important; }
  #controlRail .questionNavTitle { font-size:11px !important; line-height:1.3 !important; }
  #controlRail .qnum { font-size:12px !important; line-height:1.3 !important; min-height:35px !important; }
  #controlRail .qnum .qn { font-size:12px !important; line-height:1.2 !important; }
  #controlRail .qnum .qyr { font-size:9px !important; line-height:1.2 !important; }
  #controlRail .railUserBottom .who { font-size:11px !important; line-height:1.3 !important; }
  #controlRail #switchuser, #controlRail .resetQbankLink { font-size:10px !important; min-height:28px !important; }
  #globalNotesRail .notesHead { font-size:12px !important; line-height:1.35 !important; }
  #globalNotesRail .autosaveNote { font-size:10px !important; }
  #globalNotesRail .mdnaNotesEditor { font-size:14px !important; line-height:1.65 !important; }
  #contentShell .stem { font-size:clamp(16px, 1.22vw, 19px) !important; line-height:1.53 !important; }
  #contentShell .choice { font-size:14px !important; line-height:1.5 !important; overflow-wrap:anywhere !important; }
  #contentShell .card { min-width:0 !important; max-width:100% !important; }
}
@media (min-width: 701px) and (max-width: 900px) {
  #controlRail .railBrand .brand { font-size:13px !important; }
  #controlRail { padding-left:6px !important; padding-right:6px !important; }
  #controlRail .qnum .qyr { font-size:9px !important; }
}