/* =========================================
   STUDY HARBOR — DESKTOP 80%-AT-100% TEST
   Goal: browser at 100% should feel close to
   the previous 80% browser-zoom composition.
   Visual/layout scaling only. No logic changes.
========================================= */

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
    html {
        zoom: 0.80;
    }
}

/* Phones/tablets — including browser "Desktop site" mode — stay unscaled. */
@media (hover: none), (pointer: coarse), (max-width: 1099px) {
    html {
        zoom: 1;
    }
}