/* ════════════════════════════════════════════════════
   META ADS — page-specific styles only
   (Shared service-detail patterns live in service-detail.css)
   ════════════════════════════════════════════════════ */

/* ─── §02 · "When Meta beats Google" sidebar (unique to MA) ─── */
.ma-when {
  padding: 32px 30px;
  background: var(--cream);
  border: 1px solid var(--rule);
  border-radius: 18px;
}
.ma-when__label {
  font-size: 10px;
  color: var(--gold-2);
  letter-spacing: 0.22em;
  margin-bottom: 16px;
}
.ma-when__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ma-when__item { font-size: 14px; line-height: 1.55; }
.ma-when__name {
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 2px;
}
.ma-when__desc {
  color: var(--ink-2);
  opacity: .8;
}