/* The 2003 desktop layouts stay as archived. Phones get flexible content and one sidebar. */
@media (max-width: 749px) {
    .museum-page { width: 100%; }
    .museum-page > table, .csbih-header { width: 100%; }
    .csbih-header { height: auto; }
    .csbih-header img { width: 100%; height: auto; }
    .csbih-search { display: none; }
    .csbih-navigation > tbody > tr > td:first-child { width: 40%; }
    .csbih-navigation > tbody > tr > td[rowspan="2"] { width: 60%; }
    .csbih-navigation p { margin: 5px 0; }
    .csbih-navigation a { display: inline-block; padding: 5px 0; }

    .csbih-home, .csbih-page { display: grid; grid-template-columns: 112px minmax(0, 1fr); height: auto; }
    .csbih-home > tbody, .csbih-home > tbody > tr:first-child,
    .csbih-page > tbody, .csbih-page > tbody > tr { display: contents; }
    .csbih-home > tbody > tr:not(:first-child) { display: none; }
    .csbih-menu, .csbih-content { width: auto; min-width: 0; height: auto; }
    .csbih-menu { grid-column: 1; grid-row: 1; }
    .csbih-content { grid-column: 2; grid-row: 1; padding: 0 6px; }
    .csbih-right { grid-column: 1; width: auto; }
    .csbih-right:not(:has([data-home-widgets])) { display: none; }
    .csbih-home .csbih-content table, .csbih-page-box,
    .csbih-content .dotted, .csbih-content .dotted table { width: 100%; table-layout: fixed; }
    .csbih-content td { width: auto; overflow-wrap: anywhere; }
    .csbih-content .dotted > tbody > tr:first-child > td:first-child { width: 70%; }
    .csbih-content .dotted > tbody > tr:first-child > td:last-child { width: 30%; }
    .csbih-content font[size="1"] { font-size: 12px; line-height: 1.45; }
    .csbih-content .dotted > tbody > tr:first-child > td:last-child font { font-size: 10px; }
    .csbih-content img { max-width: 100%; height: auto; }
    .csbih-article { min-width: 0; max-width: 100%; overflow-x: auto; overflow-wrap: anywhere; }
    .csbih-article blockquote { margin: 8px; }
    .csbih-article [align="justify"] { text-align: left; }
    .csbih-article pre { white-space: pre-wrap; overflow-wrap: anywhere; }
    .csbih-article form :is(table, tbody, tr, td) { display: block; width: auto; max-width: 100%; }
    .csbih-article input, .csbih-article textarea, .csbih-article select { box-sizing: border-box; max-width: 100%; font-size: 16px; }
    .csbih-article input:not([type="hidden"]), .csbih-article select { min-height: 36px; }
    .csbih-article textarea { width: 100%; }
    .csbih-article .editor button { min-width: 32px; min-height: 32px; }
    .csbih-content .csbih-server table { table-layout: auto; }
    .csbih-server img { width: 48px; }
    .csbih-server td { font-size: 10px; }
    .csbih-server table td:nth-child(2) { white-space: nowrap; }

    .csbih-menu table { width: 100%; box-sizing: border-box; }
    .csbih-menu td { width: auto; overflow-wrap: anywhere; }
    .csbih-menu font[size="1"] { font-size: 11px; }
    .csbih-menu td[bgcolor="#405058"] { padding-top: 3px; padding-bottom: 3px; }
    [data-home-widgets] { text-align: left; }
    [data-home-widgets] table { width: 100%; table-layout: fixed; }
    [data-home-widgets] td { width: auto; }
    [data-home-widgets] img { max-width: 100%; height: auto; }
    [data-home-widgets] input[type="submit"] { min-height: 32px; font-size: 11px; }
    .csbih-news-archive { display: none; }

    .csbih-forum table { width: 100%; table-layout: fixed; }
    .csbih-forum td[width="750"], .csbih-forum td[width="764"] { width: auto; }
    .csbih-forum td { overflow-wrap: anywhere; font-size: 12px; }
    .csbih-forum td[nowrap] { white-space: normal; }
    .csbih-forum font[size="1"], .csbih-forum .nav, .csbih-forum .text1 { font-size: 12px; }
    .csbih-forum img { max-width: 100%; height: auto; }
    .csbih-forum .csbih-logo { width: 100%; }
    .csbih-forum-content { max-width: 100%; }
    .csbih-forum pre { white-space: pre-wrap; overflow-wrap: anywhere; }
    .csbih-forum .quote, .csbih-forum .code { font-size: 12px; }
    .csbih-table-scroll, .csbih-forum-post { max-width: 100%; overflow-x: auto; }
    .csbih-table-scroll > table { min-width: 540px; }
    .csbih-table-scroll table { table-layout: auto; }
    .csbih-table-scroll .titlebg { white-space: nowrap; }
}