/* ---------- 🖥️ Desktop sizing (v238) ----------
   Owner: "some parts of the app don't seem to be formatted for a web browser — look how small this is".
   Several screens were drawn for a phone and showed as a narrow column of small text on a computer:
   Today, the shared dialogs, placement test, Review run, Spelling and the Motorbike test.
   Everything here is ≥1024px only; phones and tablets are untouched.
   `zoom` is used only on dialogs/overlays with no drag code (same as #moreSheetPanel since v37);
   their max-height is divided by the zoom so they still fit the window. */

/* Big monitors: the designed screens (175-vd.css) are rem-based, so a larger root grows them evenly. */
@media (min-width:1600px){ html.vc-vd{ font-size:17px; } }
@media (min-width:1880px){ html.vc-vd{ font-size:18px; } }
@media (min-width:2300px){ html.vc-vd{ font-size:19.5px; } }
@media (min-width:2800px){ html.vc-vd{ font-size:21px; } }

@media (min-width:1024px){
  /* Confirm / prompt / pick — centred dialogs (v212), now a readable size */
  #confirmSheet, #promptSheet, #pickSheet{ max-width:480px; zoom:1.15; }
  #pickList{ max-height:calc(52vh / 1.15); }

  /* Shared form dialogs: suggest a sentence, suggest a fix, deck editor, teacher card… (not the Tone Trainer panel) */
  .teacher-modal-overlay .teacher-modal:not(.vc-fp){ max-width:480px; zoom:1.2; max-height:calc(88vh / 1.2); padding:26px 26px 22px; }
  #deckEditOverlay .teacher-modal{ max-width:620px; }
  .teacher-modal-overlay .teacher-modal:not(.vc-fp) .section-note{ font-size:13.5px; }
  .teacher-modal-overlay .teacher-modal:not(.vc-fp) .deck-label{ font-size:11.5px; margin-top:4px; }

  /* Placement test + first-run setup */
  #vcPlace .pl-sheet{ max-width:520px; zoom:1.2; max-height:calc(90dvh / 1.2); padding:28px 26px 22px; }
  #vcPlace .pl-opts{ grid-template-columns:1fr 1fr; }
  #vcPlace .pl-opts .pl-dk{ grid-column:1 / -1; }
  #setupSheet{ max-width:520px; zoom:1.15; max-height:calc(88dvh / 1.15); }

  /* Today: a real page instead of a phone column */
  .vc-today .vc-td-wrap{ max-width:820px; zoom:1.15; padding:0 28px 40px; }
  .vc-today .vc-td-done h2{ font-size:30px; }
  .vc-today .vc-td-lead{ font-size:17.5px; max-width:640px; margin-left:auto; margin-right:auto; }
  .vc-today .vc-td-path{ grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 20px; }
  .vc-today .vc-td-pstep{ padding:14px 16px; border:1px solid var(--border,#e2d9c2); }
  .vc-today .vc-td-pstep span{ font-size:28px; } .vc-today .vc-td-pstep b{ font-size:16.5px; }
  .vc-today .vc-td-actions:not(.col) > button{ max-width:420px; margin:0 auto; }
  .vc-today .vc-td-done ~ .vc-td-actions:not(.col){ justify-content:center; }
  .vc-today .vc-td-actions.col{ flex-wrap:nowrap; justify-content:center; }
  .vc-today .vc-td-actions.col > button{ flex:0 1 300px; }
  .vc-today .vc-td-step h3{ font-size:24px; }
  .vc-today .vc-td-word{ font-size:48px; }
  .vc-today .vc-td-opts{ grid-template-columns:1fr 1fr; }
  .vc-today .vc-td-optrow{ grid-column:auto; }
  .vc-today .vc-td-levels{ grid-template-columns:1fr 1fr; }
  .vc-today .vc-td-tones, .vc-today .vc-td-trylist{ grid-template-columns:1fr 1fr; }

  /* Review run: wider list and lines, bigger type */
  .vc-review > *{ zoom:1.12; }
  .vc-rv-region, .vc-rv-body{ max-width:980px; }
  .vc-rv-items{ grid-template-columns:1fr 1fr; }
  .vc-rv-it b{ font-size:15px; } .vc-rv-it small{ font-size:13px; }

  /* Spelling + Motorbike test: centred under the header, a little wider */
  html.vc-vd #spellRoot, html.vc-vd #driveRoot{ max-width:900px; margin-left:auto; margin-right:auto; }
  html.vc-vd #tab-spell > :not(#spellRoot), html.vc-vd #tab-drive > :not(#driveRoot), html.vc-vd #tab-dictate, html.vc-vd #tab-produce, html.vc-vd #tab-plan{ max-width:900px; margin-left:auto; margin-right:auto; }
}

/* Large monitors: a step up for the same screens */
@media (min-width:1600px){
  #confirmSheet, #promptSheet, #pickSheet{ zoom:1.3; } #pickList{ max-height:calc(52vh / 1.3); }
  .teacher-modal-overlay .teacher-modal:not(.vc-fp){ zoom:1.35; max-height:calc(88vh / 1.35); }
  #vcPlace .pl-sheet{ zoom:1.35; max-height:calc(90dvh / 1.35); }
  #setupSheet{ zoom:1.3; max-height:calc(88dvh / 1.3); }
  .vc-today .vc-td-wrap{ zoom:1.3; }
  .vc-review > *{ zoom:1.25; }
}