/* Phone layout (handoff 8, ASSUMPTIONS #43, docs/mobile-phone-layout.md).

   Every phone rule lives in css/mobile/*.css. App.razor links each of those files with
   media="screen and (max-width: 719.98px) and (hover: none) and (pointer: coarse)", so on a desktop browser (mouse,
   any window width) and in print they never apply and desktop renders exactly as before.

   This file is the only one linked for every device. It holds the one rule desktop needs: markup added for phones
   only (class "m-only") stays hidden everywhere the phone gate doesn't match. Its counterpart, "d-only" (hidden on
   phones), lives in chrome.css, inside the gate. */

@media not screen and (max-width: 719.98px) and (hover: none) and (pointer: coarse) {
	.m-only { display: none !important; }
}