/* TEGISZHOL — plain document styling, in the brontoskopos manner.
   Serif, narrow measure, default link colours, rules instead of boxes.
   No JavaScript. Nothing here should need explaining. */

body {
  background-color: #fdf6e3;
  color: #222222;
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  max-width: 760px;
  margin: 30px auto;
  padding: 0 16px;
  line-height: 1.5;
}

a:link { color: #0000ee; }
a:visited { color: #551a8b; }
a:hover { color: #cc0000; }

h1, h2, h3 { font-family: "Times New Roman", Times, serif; font-weight: bold; }
h1 { font-size: 1.8em; margin-bottom: 0; }
h2 { font-size: 1.25em; margin-top: 1.6em; border-bottom: 1px solid #cccccc; padding-bottom: 2px; }
h3 { font-size: 1.05em; margin-top: 1.4em; }

.site-title-link { text-decoration: none; color: inherit; }
.tagline { color: #555555; font-style: italic; margin-top: 4px; }

nav {
  margin: 14px 0;
  padding: 6px 0;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
nav ul { list-style: none; padding: 0; margin: 0; }
nav ul li { display: inline; margin-right: 14px; }

/* A standing caveat, not a decoration. It stays until the data is verified. */
.provisional {
  border: 1px solid #b58900;
  background: #fbf1d3;
  padding: 8px 12px;
  margin: 16px 0;
  font-size: 0.92em;
}
.provisional strong { color: #8a6400; }

/* Figures the reader is meant to read off, not admire. */
.stat-row { margin: 14px 0; padding: 0; }
.stat-row dt {
  font-family: "Courier New", monospace;
  font-size: 1.5em;
  margin-top: 10px;
}
.stat-row dd { margin: 0 0 6px 0; color: #555555; font-style: italic; }

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.86em;
  margin: 14px 0;
}
th, td {
  text-align: left;
  padding: 4px 8px;
  border-bottom: 1px solid #dddddd;
  vertical-align: top;
}
th {
  border-bottom: 1px solid #999999;
  font-weight: bold;
  white-space: nowrap;
}
td.num, th.num { text-align: right; font-family: "Courier New", monospace; white-space: nowrap; }
td.code { font-family: "Courier New", monospace; white-space: nowrap; }

/* Wide tables scroll inside their own container; the page never does. */
.scroll { overflow-x: auto; }

/* Verbatim source text — the evidence behind a row. */
.verbatim {
  font-family: "Courier New", monospace;
  font-size: 0.82em;
  color: #444444;
  background: #f5eeda;
  padding: 2px 4px;
}

.flag {
  font-family: "Courier New", monospace;
  font-size: 0.8em;
  color: #777777;
}

.finding { border-left: 3px solid #cccccc; padding-left: 12px; margin: 18px 0; }
.finding h3 { margin-top: 0; }
.finding .verdict { font-style: italic; color: #555555; }

.post-list { list-style: none; padding: 0; }
.post-list li { border-bottom: 1px solid #dddddd; padding: 6px 0; }
.post-date { font-family: "Courier New", monospace; color: #666666; margin-right: 10px; }

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

code { font-family: "Courier New", monospace; font-size: 0.9em; }

footer {
  font-size: 0.85em;
  color: #777777;
  border-top: 1px solid #999999;
  padding-top: 10px;
  margin-top: 30px;
}

@media (max-width: 600px) {
  body { font-size: 16px; margin: 16px auto; }
  table { font-size: 0.8em; }
}

/* Masthead: the mark sits beside the title rather than above it, so the page
   still opens on words. It is decorative — alt="" keeps it out of the
   accessibility tree, since the title beside it already says the name. */
.masthead { display: flex; align-items: center; gap: 0.9rem; }
.masthead .logo { flex: 0 0 auto; width: 74px; height: 60px; }
.masthead h1 { margin: 0; }
.masthead .tagline { margin: 0.15rem 0 0; }
@media (max-width: 480px) {
  .masthead .logo { width: 54px; height: 44px; }
}