/* The source's history pages (stagit), styled by `archilyzer source publish`
   from common/styles/tokens.css — the homepage's two grounds. Generated. */
:root,
html[data-base="light"] {
  color-scheme: light;
  --background: #f3f6f7;
  --surface: #e8edef;
  --foreground: #161c21;
  --muted-foreground: #55646e;
  --destructive: #a8412d;
  --border-strong: #aeb9c0;
  --faint: #78868f;
  --success: #1c7046;
  --info: #1c5f96;
  --swatch-signal: #2e7b73;
  --brand: var(--swatch-signal);
  --brand-soft: color-mix(in srgb, var(--brand) 12%, transparent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-base]) {
    color-scheme: dark;
    --background: #0c0a08;
    --surface: #141009;
    --foreground: #efe7d8;
    --muted-foreground: #a39a86;
    --destructive: #f0857a;
    --border-strong: rgba(233, 220, 197, 0.18);
    --faint: #6f6757;
    --success: #6cc777;
    --info: #6ea8ff;
    --swatch-signal: #5fa8a0;
    --brand: var(--swatch-signal);
    --brand-soft: color-mix(in srgb, var(--brand) 16%, transparent);
  }
}
html[data-base="dark"] {
  color-scheme: dark;
  --background: #0c0a08;
  --surface: #141009;
  --foreground: #efe7d8;
  --muted-foreground: #a39a86;
  --destructive: #f0857a;
  --border-strong: rgba(233, 220, 197, 0.18);
  --faint: #6f6757;
  --success: #6cc777;
  --info: #6ea8ff;
  --swatch-signal: #5fa8a0;
  --brand: var(--swatch-signal);
  --brand-soft: color-mix(in srgb, var(--brand) 16%, transparent);
}

html { background: var(--background); }
body {
  margin: 0;
  padding: 1rem;
  background: var(--background);
  color: var(--foreground);
  font-family: ui-monospace, "IBM Plex Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.875rem;
  line-height: 1.5;
}
a { color: var(--brand); }
a:hover { color: var(--foreground); }
a:not([href]) { color: inherit; text-decoration: none; }
p.archilyzer-source {
  margin: 0 0 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.8125rem;
}
p.archilyzer-source a { color: var(--muted-foreground); text-decoration: none; }
p.archilyzer-source a:hover { color: var(--foreground); text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }
tr.url a { overflow-wrap: anywhere; }
img, h1, h2 { vertical-align: middle; }
img { border: 0; }
a:target { background-color: var(--brand-soft); }
a.d, a.h, a.i, a.line { text-decoration: none; }
#blob a { color: var(--faint); }
#blob a:hover { color: var(--brand); text-decoration: none; }
table thead td { font-weight: bold; }
table td { padding: 0 0.4em; }
#content { overflow-x: auto; }
#content table td { vertical-align: top; white-space: nowrap; }
#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td { background-color: var(--surface); }
#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) { white-space: normal; }
td.num { text-align: right; }
.desc { color: var(--muted-foreground); }
hr { border: 0; border-top: 1px solid var(--border-strong); height: 1px; }
pre { font-family: inherit; }
pre a.h { color: var(--info); }
.A,
span.i,
pre a.i { color: var(--success); }
.D,
span.d,
pre a.d { color: var(--destructive); }
pre a.h:hover,
pre a.i:hover,
pre a.d:hover { text-decoration: none; }