/* The site index: base.html's footer on every page (Keel #144, 2026-10-09).
   The home draft's .hm-index, its variables resolved to values (--hm-s1 = 13px,
   --hm-mono = the monospace stack), with one change: links #9ca3af (the old
   footer's grey, 7:1 on #111827) and heads #8b93a1 (5.7:1, Seethe's read), where the draft's #6b7280
   and #4b5563 came to 3.7:1 and 2.4:1 on this background. Plain CSS with an si- prefix: production
   serves precompiled Tailwind, so no new utility classes. Markup:
   web/templates/web/_site_index.html. */

.si { margin-top: auto; padding: 36px 0 28px; font-size: 15px; background-color: #111827; border-top: 1px solid #1f2937; -webkit-font-smoothing: antialiased; }
.si-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.si-cols { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px 18px; }
.si h4 { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #8b93a1; }
.si ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.si a { font-size: 13px; color: #9ca3af; text-decoration: none; }
.si a:hover { color: #ffffff; }
/* styles.css sets Open Sans on every element with !important; the id in :not()
   outweighs it (the home's own code-font trick), so the years stay monospace. */
.si .si-yr:not(#si-x) { font-size: 12px; color: #8b93a1; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace !important; }
.si-base { margin-top: 28px; padding-top: 14px; border-top: 1px solid #1f2937; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.si-base a { font-size: 12px; }

@media (max-width: 980px) {
  .si-cols { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .si-wrap { padding: 0 16px; }
  .si-cols { grid-template-columns: repeat(2, 1fr); }
}