/* retro.css ----------------------------------------------------------------
   Intentionally minimal, CSS1-safe styling. Linked (not inlined, not @import)
   so text browsers (Lynx) skip it entirely and render pure semantic HTML, while
   capable browsers (IE6, TenFourFox, NetSurf, Dillo) get a tidier page.

   RULES OF THUMB for staying compatible:
   - No flexbox, grid, float-heavy layout, custom properties, or media queries.
   - Pixel/percent sizing only. Named + #rrggbb colours.
   - If you ever need to support Netscape 4.x, move risky rules behind @import
     in a SECOND stylesheet (NS4 ignores @import), keeping this file safe.
--------------------------------------------------------------------------- */

body {
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin: 12px;
  /* Constrain measure for readability without modern centering tricks. */
  max-width: 720px;
}

h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", serif;
  color: #333333;
  margin: 0.8em 0 0.3em 0;
}
h1 { font-size: 20px; border-bottom: 2px solid #999999; padding-bottom: 2px; }
h2 { font-size: 17px; border-bottom: 1px solid #cccccc; padding-bottom: 1px; }
h3 { font-size: 15px; }

a         { color: #0033cc; }
a:visited { color: #663399; }
a:hover   { color: #cc0000; }

/* External links (leave the mirror). Graphical browsers colour these; text
   browsers fall back to the marker text appended in the HTML. */
a.ext         { color: #8a4500; }
a.ext:visited { color: #6b3500; }

p  { margin: 0.5em 0; }
hr { border: 0; border-top: 1px solid #cccccc; height: 1px; }

img {
  border: 0;
  /* Old browsers honour width/height attributes; this caps stray large images. */
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 0.6em 0;
}
table, th, td { border: 1px solid #aaaaaa; }
th, td { padding: 3px 6px; vertical-align: top; }
th { background: #eeeeee; text-align: left; }

code, pre {
  font-family: "Courier New", monospace;
  background: #f4f4f4;
  border: 1px solid #dddddd;
}
pre { padding: 6px; }

blockquote {
  border-left: 3px solid #cccccc;
  margin: 0.5em 0;
  padding-left: 8px;
  color: #444444;
}

/* The "you are here" breadcrumb / home link under the banner. */
#retro-nav {
  font-size: 12px;
  color: #555555;
  margin: 4px 0;
}

/* The "you're viewing the retro mirror" banner injected on every page. */
#retro-banner {
  background: #fff8dc;
  border: 1px solid #e0d090;
  padding: 4px 8px;
  font-size: 12px;
}

small { color: #666666; }