/* /services/meta-ads: the case chart used as the hero visual (cs-chart is a light card on the dark hero). */
.pg-hero .ma-chart { margin: 0; color: var(--dark); }
.ma-chart-title { margin: 0; font-family: var(--font--serif); font-weight: 400; font-size: 26px; line-height: 1.1; }
.ma-chart .cs-pair { grid-template-columns: 150px minmax(0, 1fr); }
.pg-split-text .pg-ticks a, .pg-split-text .pg-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ma-btns { display: flex; flex-wrap: wrap; gap: 12px; }
@media screen and (max-width: 767px) { .ma-chart .cs-pair { grid-template-columns: minmax(0, 1fr); } }