/* Additions to the original Teyep theme (index.css / typography.css are kept verbatim). */

/* Header logo link fills the header area, as in the original inline style. */
div#header a { display: block; width: 100%; height: 100%; }

/* Narrow screens: the original fixed 800px layout does not fit, so stack it. */
@media (max-width: 820px) {
  div#total,
  div#header { width: 100%; }
  div#header { background-position: left 0px; background-size: auto 80px; }
  div#left-side,
  div#mainbox {
    float: none;
    width: auto;
    padding: 0 16px;
    min-height: 0;
  }
  div#menu { width: auto; padding-top: 0; }
  div#menu ul { display: flex; flex-wrap: wrap; gap: 4px 12px; }
  div#menu a { width: auto; text-align: left; }
  div#mainbox { font-size: 14px; }
}