.ma-title {
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0;
}
.ma-title .chrome-text-subtle { font-weight: 700; }

/* ── FULL-BLEED LAYOUT ──
   Heatmap fills viewport below navbar (64px) + ticker (36px).
   The leaderboard ad above main was removed in HTML so this calc lines up.
*/
.ma-page-fullbleed {
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 64px - 36px);
}

.ma-header-compact {
  flex-shrink: 0;
  padding: 16px 24px 12px;
  border-bottom: 1px solid var(--border-subtle);
}
.ma-header-compact .eyebrow { margin-bottom: 6px; }
.ma-header-compact .ma-title {
  font-size: clamp(20px, 2.5vw, 28px);
}

.ma-heatmap-fullbleed {
  flex: 1;
  min-height: 0; /* prevents flex child from overflowing parent */
  position: relative;
  background: #0a0a0a;
}
.ma-heatmap-fullbleed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
  .ma-page-fullbleed {
    /* Mobile navbar stays 64px but adds safe-area-inset-top; ticker shrinks to 32px */
    height: calc(100vh - 64px - env(safe-area-inset-top) - 32px);
  }
  .ma-header-compact { padding: 12px 16px 8px; }
}