/* index_tablet.css - Tablet Architecture */

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    /* Make the tablet landscape look exactly like web, just scaled down */
    body {
        transform: scale(0.85);
        transform-origin: top left;
        width: 117.64vw; /* 100 / 0.85 */
        height: 117.64vh;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    
    .app-layout {
        min-height: 117.64vh;
    }

    .app-content-viewport {
        height: calc(117.64vh - 6rem) !important;
    }

    .min-h-screen {
        min-height: 117.64vh !important;
    }
}