/* rudometov.com phone/tablet layer for theme f2 and the static archive (same markup). 2026-09-24.
   Everything is inside media queries: desktop is unchanged. Loaded by mu-plugins/rudometov-mobile.php (WordPress)
   and by tTop1.html (static archive pages). */
@media (max-width: 1000px) {
    html, body { width: auto !important; min-width: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
    body * { max-width: 100% !important; box-sizing: border-box; }
    #page, #container, #header, #headerlogo, #headerlogo > div, #wrapper, #content, #sidebar_left, #sidebar_right, #footer,
    .post, [id^="post-"], .postentry, .postmetadata, .posttagscat, .Section1 {
        width: auto !important; min-width: 0 !important; float: none !important; clear: both;
        margin-left: 0 !important; margin-right: 0 !important; left: auto !important;
    }
    /* f2 draws its side columns with 240px borders on #wrapper and 240px padding on #container ("faux columns") */
    #container { padding: 0 !important; margin: 0 !important; }
    #wrapper { border: 0 !important; background: #fff; }
    #sidebar_left, #sidebar_right { position: static !important; background: #eee; padding-top: 10px !important; padding-bottom: 10px !important; }
    #page { min-width: 0 !important; }
    /* article first, then the menus */
    #wrapper { display: flex; flex-direction: column; }
    #wrapper > #content { order: 1; }
    #wrapper > #sidebar_left { order: 2; }
    #wrapper > #sidebar_right { order: 3; }
    #header table { width: 100% !important; }
    img, iframe, video, embed, object { max-width: 100% !important; height: auto !important; }
    /* layout tables (home page list, archive lists) shrink and wrap */
    #content table { width: 100% !important; table-layout: auto; }
    #content td { width: auto !important; white-space: normal !important; }
    #content h2, #content h3 { overflow-wrap: break-word; }
    /* wide spec tables inside an article scroll sideways instead of widening the page */
    .single .postentry table, .Section1 table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    pre, code { white-space: pre-wrap; word-wrap: break-word; }
    input[type=text], input[type=search], textarea { max-width: 100%; }
}
@media (max-width: 760px) {
    body { font-size: 15px !important; }
    .postentry, .postentry p, .postentry li, .postentry td, .Section1 p, .Section1 li, #content p, #content li { font-size: 15px !important; line-height: 1.55 !important; }
    #content h1, #content h2, .posttitle { font-size: 22px !important; line-height: 1.25 !important; }
    #content h3 { font-size: 18px !important; line-height: 1.3 !important; }
    /* static archive pages are Word exports with font sizes on every span */
    .Section1 p, .Section1 span, .Section1 font, .Section1 li, .Section1 td { font-size: 15px !important; line-height: 1.55 !important; }
    .Section1 p { text-align: left !important; }
    .postentry font, .postentry p span, .postentry li span { font-size: inherit !important; }
    #content, #sidebar_left, #sidebar_right, #footer { padding-left: 12px !important; padding-right: 12px !important; }
    #sidebar_left a, #sidebar_right a { display: inline-block; padding: 4px 0; }
}