.insight-header {
  background: var(--ink);
  color: var(--paper);
  padding-block-end: clamp(4rem, 8vw, 7rem);
}

.insight-header .c-eyebrow { color: var(--paper-3); }
.insight-header h1 { margin-block: 1.25rem 1.5rem; max-width: 18ch; }
.insight-header__lede { color: var(--paper-3); max-width: 42rem; }
.insight-header__lede p { margin: 0; }
.insight-meta { align-items: center; color: var(--paper-3); display: flex; flex-wrap: wrap; gap: 0.6rem; margin-block-start: 2rem; }

.insight-featured { margin-block-start: clamp(-3.5rem, -5vw, -2rem); position: relative; }
.insight-featured img { aspect-ratio: 16 / 8; display: block; height: auto; object-fit: cover; width: 100%; }

.insight-body { padding-block: clamp(4rem, 8vw, 7rem); }
.insight-body > * { margin-block: 0; }
.insight-body > * + * { margin-block-start: 1.35rem; }
.insight-body h2 { font-size: clamp(1.7rem, 3vw, 2.35rem); letter-spacing: -0.025em; line-height: 1.12; margin-block-start: 4.5rem; }
.insight-body h3 { font-size: 1.25rem; line-height: 1.3; margin-block-start: 3rem; }
.insight-body ul,
.insight-body ol { padding-inline-start: 1.4rem; }
.insight-body li + li { margin-block-start: 0.65rem; }
.insight-body a { text-decoration: underline; text-decoration-color: var(--volt-deep); text-underline-offset: 0.18em; }
.insight-body blockquote { border-inline-start: 3px solid var(--volt); font-size: 1.2rem; margin-inline: 0; padding-inline-start: 1.5rem; }
.insight-body .wp-block-table { margin-inline: calc(50% - min(50vw, 38rem)); overflow-x: auto; width: min(76rem, calc(100vw - (2 * var(--page-padding)))); }
.insight-body table { border-collapse: collapse; min-width: 36rem; width: 100%; }
.insight-body th,
.insight-body td { border-block-end: 1px solid var(--line); padding: 0.9rem; text-align: start; vertical-align: top; }
.insight-body th { background: var(--paper-2); font-family: var(--font-mono); font-size: var(--type-caption-size); text-transform: uppercase; }
.insight-body figure { margin-inline: 0; }
.insight-body img { height: auto; max-width: 100%; }

.insight-dictionary-section { border-block-start: 1px solid var(--line); margin-block-start: 4rem; padding-block-start: 2.5rem; }
.insight-body details { border-block-end: 1px solid var(--line); padding-block: 1rem; }
.insight-body summary { cursor: pointer; font-weight: 650; list-style-position: outside; }
.insight-body summary span { color: var(--mute); display: block; font-family: var(--font-mono); font-size: var(--type-caption-size); font-weight: 400; margin-block-start: 0.25rem; }
.insight-body details[open] summary { color: var(--volt-deep); }
.insight-body details > p { margin-block: 1rem 0; }
.insight-body .insight-dictionary-link { font-family: var(--font-mono); font-size: var(--type-caption-size); }

.insight-related { border-block-start: 1px solid var(--line); padding-block: 3rem; }
.insight-related h2 { margin-block: 0.75rem 1.5rem; }
.insight-related ul { display: grid; gap: 0.75rem; list-style: none; margin: 0; padding: 0; }
.insight-related a { align-items: center; border: 1px solid var(--line); display: flex; justify-content: space-between; padding: 1rem; }

.insight-cta { background: var(--paper-2); }
.insight-cta h2 { margin-block: 0.75rem 1rem; max-width: 28ch; }
.insight-cta p:not(.c-eyebrow) { color: var(--mute); max-width: 38rem; }
.insight-cta .c-button { margin-block-start: 1.5rem; }

.insight-archive__header { margin-inline: 0; }
.insight-archive__header h1 { margin-block: 1rem 1.5rem; max-width: 20ch; }
.insight-index { border-block-start: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: 4rem; }
.insight-card { border-block-end: 1px solid var(--line); padding: 2rem; }
.insight-card:nth-child(odd) { border-inline-end: 1px solid var(--line); padding-inline-start: 0; }
.insight-card h2 { margin-block: 0.75rem 1rem; }
.insight-card h2 a { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.insight-card__summary { color: var(--mute); }

.legacy-seo-page .entry-header { border-block-end: 1px solid var(--line); margin-block-end: 2.5rem; padding-block-end: 2rem; }
.legacy-seo-page .entry-content > * + * { margin-block-start: 1.25rem; }
.legacy-seo-page .entry-content h2 { margin-block-start: 4rem; }
.legacy-seo-page .entry-content h3 { margin-block-start: 2.5rem; }
.legacy-seo-page .entry-content ul,
.legacy-seo-page .entry-content ol { padding-inline-start: 1.4rem; }
.legacy-seo-page .entry-content .wp-block-table { overflow-x: auto; }
.legacy-seo-page .entry-content table { border-collapse: collapse; min-width: 36rem; width: 100%; }
.legacy-seo-page .entry-content th,
.legacy-seo-page .entry-content td { border-block-end: 1px solid var(--line); padding: 0.75rem; text-align: start; }

@media (max-width: 47.99rem) {
  .insight-header h1 { font-size: clamp(2.35rem, 11vw, 3.25rem); }
  .insight-featured { padding-inline: 0; }
  .insight-featured img { aspect-ratio: 4 / 3; }
  .insight-body h2 { margin-block-start: 3.5rem; }
  .insight-index { grid-template-columns: 1fr; }
  .insight-card,
  .insight-card:nth-child(odd) { border-inline-end: 0; padding-inline: 0; }
  .insight-body .wp-block-table { margin-inline: 0; width: 100%; }
}