/* Meta Ads reuses the homepage UI. These rules specialize its artwork and measurement panel. */
.meta-hero .hero-eyebrow a { text-decoration: underline; text-underline-offset: 4px; }
.meta-art .shape-blue { animation: blueFloat 8s ease-in-out infinite; }
.meta-art .meta-channel { animation: none; }
/* The same turning chevron used by the homepage's mobile process. */
.faq summary::after, .extras-disclosure > summary::after {
  content: '';
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: 6px 6px 0;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform var(--motion-fast) var(--motion-ease);
}
.faq details[open] > summary::after, .extras-disclosure[open] > summary::after {
  content: '';
  transform: rotate(225deg);
}
.meta-measurement {
  --surface: var(--color-dark);
  --text: var(--color-on-dark);
  --text-secondary: var(--color-muted-on-dark);
  --border: var(--color-line-on-dark);
  margin: 0 var(--layout-gutter) var(--section-space);
  padding: var(--space-7);
  background: var(--surface);
  color: var(--text);
  border-radius: var(--radius-card);
}
.meta-measurement .section-label { color: var(--color-pink); }
.meta-measure-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.meta-measure-card { min-width: 0; padding: var(--space-6); border: 1px solid var(--border); border-radius: var(--radius-card); }
.meta-measure-card h3 { color: var(--color-lime); }
.meta-measure-card:nth-child(2) h3 { color: var(--color-pink); }
.meta-measure-card p { margin-top: var(--space-4); color: var(--text-secondary); }
.meta-measure-card ul { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-5) 0 0; padding: 0; list-style: none; }
.meta-measure-card li { padding: var(--space-2) var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-pill); font: var(--type-ui); }
@media (max-width: 900px) {
  .meta-measurement { padding: var(--space-6); }
}
@media (max-width: 700px) {
  .meta-measurement { padding: var(--space-6) var(--space-5); }
  .meta-measure-grid { grid-template-columns: minmax(0, 1fr); }
  .meta-measure-card { padding: var(--space-5); }
}
@media (prefers-reduced-motion: reduce) {
  .meta-art .shape-blue { animation: none; }
}