:root {
  --bg: #0f2740;
  --fg: #e8f1f8;
  --accent: #3db8a0;
  --muted: #9bb3c7;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Segoe UI", "Hiragino Sans", sans-serif;
  background: linear-gradient(160deg, #0f2740, #163a52 45%, #1b4a4a);
  color: var(--fg);
  line-height: 1.55;
  min-height: 100vh;
}
a { color: var(--accent); }
main, .hero { max-width: 880px; margin: 0 auto; padding: 1.25rem; }
.fresh { color: var(--muted); font-size: 0.9rem; }
.lede { font-size: 1.05rem; }
.top-pick {
  margin: 1rem 0;
  padding: 1rem 0;
  border-top: 1px solid rgba(255,255,255,0.15);
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.top-pick .label { color: var(--muted); margin: 0; }
.top-pick .name { font-size: 1.4rem; margin: 0.25rem 0; }
.disclaimer { color: #f0c9a0; font-size: 0.92rem; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 0.55rem 0.35rem; border-bottom: 1px solid rgba(255,255,255,0.12); }