/* Accepted Option A + navy masthead, September 11, 2026. Single runtime palette. */
:root {
  --tll-navy: #0c1423;
  --tll-navy-hover: #1d2c43;
  --tll-paper: #f5f1e9;
  --tll-surface: #fffdfa;
  --tll-gold: #d7b363;
  --tll-gold-ink: #7a5b1c;
  --tll-muted: #5c6066;
  --tll-line: #d6d0c4;
  --tll-control-border: #8a8172;
  --tll-soft: #eae4d8;
  --tll-on-dark-muted: #d2d0cc;
  --tll-dark-line: #44505d;
  --tll-body: 'Helvetica Neue', Arial, sans-serif;
  --tll-display: Impact, 'Arial Narrow', sans-serif;
  --tll-brand: Georgia, 'Times New Roman', serif;
  scrollbar-color: var(--tll-control-border) var(--tll-paper);
  scrollbar-width: thin;
}
:root::-webkit-scrollbar { width: 12px; height: 12px; }
:root::-webkit-scrollbar-track { background: var(--tll-paper); }
:root::-webkit-scrollbar-thumb { background: var(--tll-control-border); border: 3px solid var(--tll-paper); }
:root::-webkit-scrollbar-thumb:hover { background: var(--tll-muted); }
@media (forced-colors: active) { :root { scrollbar-color: auto; } }

.tll-top-nav {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.tll-top-nav a {
  display: inline-flex;
  min-width: 74px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--tll-dark-line);
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  color: var(--tll-paper);
  font: 800 12px/1.2 var(--tll-body);
  letter-spacing: .7px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.tll-top-nav a:hover {
  border-color: var(--tll-gold);
  color: var(--tll-gold);
}
.tll-top-nav a[aria-current="page"] {
  border-color: var(--tll-gold);
  background: var(--tll-gold);
  color: var(--tll-navy);
}
.tll-top-nav a:focus-visible {
  outline: 3px solid var(--tll-gold);
  outline-offset: 3px;
}
.tll-top-nav a:active {
  border-color: var(--tll-paper);
  background: var(--tll-paper);
  color: var(--tll-navy);
}
@media (max-width: 520px) {
  .tll-top-nav { gap: 5px; }
  .tll-top-nav a {
    min-width: 58px;
    min-height: 44px;
    padding: 9px 10px;
    font-size: 10px;
  }
}
@media (forced-colors: active) {
  .tll-top-nav a[aria-current="page"] { outline: 2px solid Highlight; }
}