.mystery-hero {
  background: linear-gradient(135deg, var(--mc-navy-deep), var(--mc-navy));
  color: #fff;
  padding: clamp(3rem, 7vw, 6rem) 0;
}
.mystery-hero .eyebrow { color: var(--mc-gold); }
.mystery-hero h1 { max-width: 18ch; margin: .4rem 0 1rem; }
.mystery-hero .lede { max-width: 60ch; color: rgba(255,255,255,.88); }
.mystery-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mystery-card { background: var(--mc-cream); border: 1px solid var(--mc-line); border-radius: 14px; padding: 1.35rem; box-shadow: var(--mc-shadow-sm); }
.mystery-card h3 { margin-top: .25rem; }
.mystery-card p { color: var(--mc-muted); }
.mystery-card strong { color: var(--mc-ink); }
.mystery-note { border-left: 4px solid var(--mc-gold); background: var(--mc-paper-2); padding: 1rem 1.2rem; }
.mystery-note p:last-child { margin-bottom: 0; }
@media (max-width: 720px) {
  .mystery-grid { grid-template-columns: 1fr; }
}