/* Expandable field notes, using the same restrained palette as the site. */
.insight-list { border-block-end: 1px solid #475569; }
.insight-row { border-block-start: 1px solid #475569; scroll-margin-block-start: var(--header-offset, 88px); }
.insight-row__summary {
  position: relative; display: grid; gap: .55rem; padding: 1.75rem 4rem 1.75rem 0;
  cursor: pointer; list-style: none;
}
.insight-row__summary::-webkit-details-marker { display: none; }
.insight-row__summary:focus-visible { outline: 3px solid var(--electric-cyan); outline-offset: -3px; }
.insight-row__summary:hover .insight-row__title { color: var(--electric-cyan); }
.insight-row__meta { color: #bfa7ff; font-size: var(--type-label); line-height: var(--leading-label); font-weight: 700; text-transform: uppercase; }
.insight-row__title { margin: 0; max-inline-size: none; transition: color var(--transition); }
.insight-row__toggle { position: absolute; inset-inline-end: 0; top: 50%; inline-size: 2.5rem; block-size: 2.5rem; transform: translateY(-50%); border: 1px solid #64748b; border-radius: 50%; }
.insight-row__toggle::before, .insight-row__toggle::after { content: ''; position: absolute; top: 50%; left: 50%; inline-size: 1rem; block-size: 2px; background: var(--electric-cyan); transform: translate(-50%, -50%); }
.insight-row__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.insight-row[open] .insight-row__toggle::after { display: none; }
.insight-row__body { padding-block: 0 2.75rem; }
.insight-article__image { float: inline-end; display: block; inline-size: min(30%, 24rem); block-size: auto; border-radius: var(--radius-lg); margin-block: .35rem 1.5rem; margin-inline: 2rem 0; }
.insight-article__content { display: flow-root; inline-size: 100%; max-inline-size: none; color: var(--silver); }
.insight-article__content[hidden] { display: none; }
.insight-article__content p, .insight-row__body > p { margin-block: 0 1.25rem; }
.insight-article__content h4 { margin-block: 2.5rem 1rem; color: #fff; font-size: var(--type-card); line-height: var(--leading-card); }
.insight-article__content :is(ol, ul) { padding-inline-start: 1.5rem; margin-block: 0 1.5rem; }
.insight-article__content li { padding-inline-start: .35rem; margin-block-end: .75rem; }
.insight-article__content strong { color: #fff; }
.insight-article__table-wrap { overflow-x: auto; margin-block: 1.5rem; }
.insight-article table { inline-size: 100%; border-collapse: collapse; text-align: start; }
.insight-article th, .insight-article td { padding: 1rem; border: 1px solid #475569; vertical-align: top; text-align: start; }
.insight-article thead th { background: rgba(139, 92, 246, .13); color: #fff; }
.insight-article tbody th { min-inline-size: 12rem; color: #fff; }
html[dir="rtl"] .insight-row__summary { padding-inline: 0 4rem; }
@media (max-width: 48rem) {
  .insight-row__summary { padding-block: 1.4rem; }
  .insight-article__image { float: none; inline-size: min(100%, 22rem); margin: .5rem auto 1.75rem; }
  .insight-article th, .insight-article td { padding: .75rem; }
}