/* rich-text: `split-label` puts the eyebrow in a narrow left column (WP "our position" pattern) */
.split-label .container { display: grid; grid-template-columns: 1fr 2.3fr 1fr; column-gap: 80px; align-items: start; }
.split-label .section-head { display: contents; }
.split-label .eyebrow { grid-column: 1; grid-row: 1 / span 2; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.split-label .eyebrow::before { content: none; }
.split-label .section-head h2 { grid-column: 2; font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem); line-height: 1.25; letter-spacing: -0.01em; margin: 0 0 32px; }
.split-label .prose { grid-column: 2; max-width: none; font-size: 15px; line-height: 1.65; color: var(--ink-soft); }
@media (max-width: 1024px) { .split-label .container { grid-template-columns: 1fr 1.8fr; } }
@media (max-width: 767px) {
  .split-label .container { grid-template-columns: 1fr; row-gap: 20px; }
  .split-label .eyebrow, .split-label .section-head h2, .split-label .prose { grid-column: 1; grid-row: auto; }
}

/* `included`: "Also included" list with plum plus marks, under the pillars grid */
.included { padding-bottom: var(--maw-section-md); }
.included .container { grid-template-columns: 200px 1fr; column-gap: 48px; padding-top: 56px; }
.included .eyebrow { padding-top: 4px; }
.included .prose ul { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 32px; }
.included .prose li { margin: 0; display: flex; gap: 0.5em; align-items: baseline; font-size: 14px; color: var(--ink); }
.included .prose li::before { content: "+"; color: var(--plum); font-size: 1.3em; line-height: 1; }
@media (max-width: 1024px) { .included .prose ul { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .included .container { grid-template-columns: 1fr; } }

/* `data-card`: MawGeo report card (cream card, plum sparkline, mono labels). The table block that follows is `data-table`. */
.data-card { padding-bottom: 0; }
.data-card .container { display: block; }
.data-card .prose { max-width: none; }
.dcard { border: 1px solid var(--rule); border-radius: 4px; background: var(--paper); padding: 24px 28px; max-width: 46rem; }
.dcard__head { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.dcard__label, .dcard__tick { font-family: var(--maw-font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); }
.dcard__tick { color: var(--plum); }
.dcard__spark { width: 100%; height: auto; display: block; }
.dcard__line { margin-top: 12px; font-family: var(--maw-font-heading); font-size: 18px; color: var(--ink); }
.dcard__line b { color: var(--plum); font-weight: 500; }