/* readout-mobile.css
   Phones: readout windows drop the machine casing so cards use the full width.
*/

/* phones: drop the machine casing and tray so the cards get the full width */
@media (max-width:700px){
  .focus-diagnostics-machine{
    padding:0;
    gap:12px;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .focus-diagnostics-machine .fd-screw,
  .focus-diagnostics-machine .fd-bulbs,
  .focus-diagnostics-machine .fd-grille{display:none;}
  .focus-diagnostics-machine .fd-header{grid-template-columns:1fr;padding:0 2px;}
  .focus-diagnostics-machine .fd-legend{justify-content:flex-start;gap:6px 12px;padding:0;font-size:9.5px;}
  .focus-diagnostics-machine .fd-grid{
    padding:0;
    gap:12px;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .focus-diagnostics-machine .fd-face{padding:12px 12px 10px;border-radius:0;}
  .focus-diagnostics-machine .fd-screen{padding:10px;border-radius:0;}
  .focus-diagnostics-machine .fd-panel > .fd-screen,
  .focus-diagnostics-machine .fd-panel .spill-pull > .fd-screen{padding:10px 8px;}
  .is-toy{outline-offset:-5px;}
  .metro-page.expanded-mode:has(.focus-diagnostics-machine){padding-left:4px;padding-right:4px;}
  .metro-tile.timeline-tile:has(.focus-diagnostics-machine){padding-left:0;padding-right:0;}
  .insight-shell:has(.focus-diagnostics-machine){padding-left:8px;padding-right:8px;}
  .sart-insight-pad.first-pass-object .insight-object,
  .sart-insight-pad .insight-object.is-sart-analysis{inset:auto!important;}
}