:root { --maxw: 980px; --pad: 16px; --gap: 20px; --bg: #0a0f14; --ink: #e7eef5; --muted: #9bb3c6; --accent: #60b6ff; }
* { 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, .expectations h2 { color: var(--accent); margin: 0.4em 0; }
h3, h4, h5, h6 { color: var(--ink); margin: 0.6em 0 0.3em; }
p { line-height: 1.6; margin: 0.35em 0; color: var(--ink); }
.article { background: rgba(255,255,255,0.03); padding: var(--pad); border-radius: 10px; }
.expectations { background: rgba(255,255,255,0.03); padding: var(--pad); border-radius: 10px; }
.team-block { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 12px; margin-top: 12px; }
.expectations-wrap p { color: var(--muted); }
.expectations-wrap h3, .expectations-wrap h4 { color: var(--ink); }
@media (min-width: 900px) {
  .container { flex-direction: row; align-items: flex-start; }
  .article, .expectations { width: 50%; }
}