/* Retro surface — CSS1 only, and only as enhancement: the table markup and its
   bgcolor/width attributes already carry the layout, because IE4's CSS support
   is too partial to depend on. No custom properties, no flex, no grid, no media
   queries, no webfonts. Keep this file small; it is parsed on a Pentium II. */

body {
  margin: 4px;
  background: #E9EDF7;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, "宋体", SimSun, sans-serif;
  font-size: 12px;
}

td, th, p, div, li { font-size: 12px; }

a { color: #003366; text-decoration: none; }
a:hover { color: #0a4a8c; text-decoration: underline; }
a:visited { color: #003366; }

h1, h2 { font-size: 14px; margin: 0; }

.bar { color: #ffffff; font-weight: bold; }
.bar a, .bar a:visited { color: #ffffff; }
.cat { color: #13386b; font-weight: bold; }
.m { color: #5a657a; }
.hd { font-weight: bold; }

/* Post bodies keep their own spacing; quote/code blocks come from the shared
   renderer, so give them a period-correct frame here rather than none. */
.msg { line-height: 1.5; }
.msg blockquote {
  margin: 4px 0;
  padding: 4px;
  border: 1px solid #cccccc;
  background: #f7f7f7;
}
.msg pre {
  margin: 4px 0;
  padding: 4px;
  border: 1px solid #cccccc;
  background: #f7f7f7;
  font-family: "Courier New", Courier, monospace;
  overflow: auto;
}
/* Bounds posted images in anything that understands max-width (IE7 and up, and
   any modern engine not on the Core\View\Ui allowlist). IE4-6 ignore it, which
   is why upload-app images are additionally served as 480px-capped thumbnails
   by Core\Retro\Media. */
.msg img { border: 0; max-width: 100%; }

/* [code] blocks render as a read-only textarea so they scroll instead of
   widening the layout table, and so the text copies out exactly as posted.
   The cols attribute sets the width; this is only cosmetic. */
.codebox {
  border: 1px solid #cccccc;
  background: #f7f7f7;
  color: #000000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
}

textarea { font-family: Tahoma, Verdana, "宋体", SimSun, sans-serif; font-size: 12px; }
input, select { font-size: 12px; }

.err { color: #a00000; font-weight: bold; }