/* All Winners — site-specific rules on top of da-web.css tokens. */
header { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; }
.logo-word { font-weight: 600; }
main { max-width: 1100px; }
.lede { color: var(--text-dim); max-width: 60ch; }
ul.plain { list-style: none; padding: 0; margin: 0; }
ul.plain li { padding: var(--sp-1) 0; }
ul.winners { list-style: none; padding: 0; margin: 0 0 var(--sp-3); }
ul.winners li { padding: var(--sp-1) 0; font-size: 1.05rem; }
.sources { margin-left: var(--sp-2); font-size: 0.8rem; color: var(--text-muted); }
.sources a { color: var(--text-muted); }
dl.facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--sp-1) var(--sp-4); margin: 0; }
dl.facts dt { color: var(--text-dim); }
dl.facts dd { margin: 0; overflow-wrap: anywhere; }
.toolbar .badge { margin-left: var(--sp-2); }
.site-footer { display: flex; justify-content: space-between; gap: var(--sp-3); flex-wrap: wrap;
  max-width: 1100px; margin: var(--sp-5) auto; padding: 0 var(--sp-5); color: var(--text-muted); font-size: 0.85rem; }
.card { overflow-x: auto; }
pre.config { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 768px) {
  main { padding: var(--sp-4); }
  .site-footer { padding: 0 var(--sp-4); }
}
/* Pagefind UI, themed with the same tokens */
#search {
  --pagefind-ui-primary: var(--accent);
  --pagefind-ui-text: var(--text);
  --pagefind-ui-background: var(--surface);
  --pagefind-ui-border: var(--border-control);
  --pagefind-ui-tag: var(--surface-2);
  --pagefind-ui-font: var(--font-sans);
}