:root { --maxw: 1080px; --pad: 16px; --gap: 22px; --bg: #0b0f15; --ink: #e9f0f7; --muted: #a9bcd0; --accent: #64b9ff; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.container { max-width: var(--maxw); margin: 0 auto; padding: var(--pad); display: flex; flex-direction: column; gap: var(--gap); }
.article h2, .results h2 { color: var(--accent); margin: 0.4em 0; }
h3, h4 { color: var(--ink); margin: 0.6em 0 0.3em; }
p { line-height: 1.6; margin: 0.35em 0; color: var(--ink); }
.article, .results { background: rgba(255,255,255,0.04); padding: calc(var(--pad) + 2px); border-radius: 12px; }
.team-block { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 12px; margin-top: 12px; }
.results-wrap p { color: var(--muted); }
.results-wrap h3, .results-wrap h4 { color: var(--ink); }
@media (min-width: 980px) {
  .container { flex-direction: row; align-items: flex-start; }
  .article, .results { width: 50%; }
}