/*
 * Lyriki — minimal mobile pass (U1)
 *
 * The desktop layout is a fixed 795px table (see header.php) and is left
 * completely untouched. This file only activates below 860px, where we:
 *   - stop browsers from auto-zooming / re-scaling 16px+ form text
 *   - let the fixed-width page scroll horizontally instead of shrinking
 *   - keep inline images and form fields from overflowing their cells
 *
 * It is purely additive: remove the <link> in header.php and the site
 * reverts to desktop-only behaviour.
 */

@media (max-width: 860px) {
    html {
        -webkit-text-size-adjust: 100%;
    }

    /* Fixed 795px page: allow horizontal scroll, don't squeeze the tables. */
    body {
        background-color: #444444;
    }

    /* Never let a standalone image blow past the viewport width. */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Form controls (search box, submit form) must fit the screen. */
    input,
    textarea,
    select {
        max-width: 100%;
        box-sizing: border-box;
    }
}