.editorial-page { padding-top: 24px; }
.article-breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; color: var(--color-muted); font-size: 0.85rem; line-height: 1.5; }
.article-breadcrumbs a { text-underline-offset: 4px; }
.editorial-header { max-width: 880px; padding: clamp(32px, 6vw, 64px) 0 32px; animation: article-arrive 360ms ease both; }
.editorial-header .eyebrow { max-width: 65ch; line-height: 1.6; }
.editorial-header h1 { max-width: 27ch; margin: 0; color: var(--color-accent); font-family: var(--font-display); font-size: clamp(1.9rem, 4.6vw, 3.5rem); line-height: 1.15; letter-spacing: -0.035em; text-transform: none; hyphens: auto; }
.article-lead { max-width: 70ch; margin: 24px 0 0; font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.75; text-shadow: none; }
.article-list { margin-top: 24px; }
.article-list__item { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 5vw, 64px); padding: 40px 0; border-top: 1px solid var(--border-subtle); }
.article-list__copy { min-width: 0; }
.article-list__copy h2 { margin: 0; font-family: var(--font-display); font-size: clamp(1.4rem, 2.8vw, 2rem); line-height: 1.3; }
.article-list__copy h2 a { text-decoration: none; }
.article-list__copy > p:not(.eyebrow) { max-width: 65ch; margin: 18px 0; line-height: 1.75; text-shadow: none; }
.article-read { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--color-accent); text-underline-offset: 5px; }
.article-list__image { display: block; overflow: hidden; border-radius: var(--radius-panel); }
.article-list__image img { display: block; width: 100%; height: auto; transition: transform 200ms ease; }
.article-list__item:hover .article-list__image img { transform: scale(1.025); }
.article-list__item:hover h2 a { color: var(--color-accent); }
.article-figure { max-width: 1000px; margin: 8px 0 48px; }
.article-figure img { display: block; width: 100%; height: auto; border-radius: var(--radius-panel); }
.article-figure figcaption { max-width: 80ch; margin-top: 12px; color: var(--color-muted); font-size: 0.85rem; line-height: 1.65; text-shadow: none; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
.article-toc { position: sticky; top: 24px; font-size: 0.85rem; line-height: 1.6; }
.article-toc p { margin: 0 0 16px; font-weight: 700; }
.article-toc ol { display: grid; gap: 12px; margin: 0; padding-left: 20px; color: var(--color-muted); }
.article-toc a { text-decoration: none; }
.article-toc a:hover { color: var(--color-accent); text-decoration: underline; text-underline-offset: 4px; }
.article-body { min-width: 0; max-width: 76ch; font-size: 1.05rem; line-height: 1.85; text-shadow: none; }
.article-body section { margin: 0 0 40px; scroll-margin-top: 24px; }
.article-body h2 { margin: 0 0 20px; font-family: var(--font-display); font-size: clamp(1.35rem, 2.4vw, 1.75rem); line-height: 1.35; }
.article-body h3 { margin: 28px 0 14px; font-family: var(--font-display); font-size: 1.12rem; line-height: 1.45; }
.article-body p { margin: 0 0 20px; }
.article-citation { color: var(--color-accent); font-size: 0.85em; text-underline-offset: 3px; }
.article-format-launch .button { min-height: 44px; max-width: 100%; text-align: center; line-height: 1.5; }
.article-body ol, .article-body ul { padding-left: 24px; }
.article-body li + li { margin-top: 12px; }
.article-table { max-width: 100%; margin: 24px 0; overflow-x: auto; border-block: 1px solid var(--border-subtle); }
.article-table table { width: 100%; border-collapse: collapse; font-size: 0.88rem; line-height: 1.6; }
.article-table th, .article-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border-subtle); }
.article-table th { background: var(--color-accent-faint); font-weight: 700; }
.article-table tr:last-child td { border-bottom: 0; }
.article-body .article-sources { padding-top: 24px; border-top: 1px solid var(--border-subtle); font-size: 0.85rem; line-height: 1.7; }
.article-sources a { text-underline-offset: 4px; }
.article-body .article-play { padding: clamp(24px, 4vw, 36px); border-left: 3px solid var(--color-accent); background: var(--color-accent-faint); }
.article-play .button { min-height: 48px; max-width: 100%; text-align: center; line-height: 1.5; }
.article-related { margin-top: 24px; padding-top: 32px; border-top: 1px solid var(--border-subtle); }
.article-related__heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 16px; }
.article-related__heading h2 { margin: 0; font-family: var(--font-display); font-size: 1.4rem; }
.article-related__heading > a { color: var(--color-accent); text-underline-offset: 4px; }
.article-related ul { display: grid; gap: 16px; margin: 24px 0 0; padding: 0; list-style: none; }
.article-related li a { display: inline-block; padding: 8px 0; line-height: 1.6; text-underline-offset: 5px; }
.editorial-page a:focus-visible, .article-table:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 5px; }
@keyframes article-arrive { from { transform: translateY(8px); } to { transform: none; } }
@media (max-width: 760px) {
  .editorial-page { padding-top: 16px; }
  .article-list__item { grid-template-columns: 1fr; gap: 24px; padding: 32px 0; }
  .article-list__image { max-width: 480px; }
  .article-layout { grid-template-columns: 1fr; gap: 32px; }
  .article-toc { position: static; padding-bottom: 24px; border-bottom: 1px solid var(--border-subtle); }
  .article-toc ol { gap: 10px; }
  .article-toc a { display: inline-block; padding: 5px 0; }
  .article-figure { margin-bottom: 32px; }
  .article-body { font-size: 1.025rem; line-height: 1.8; }
  .article-table th, .article-table td { padding: 10px 8px; }
  .article-play .button { display: block; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-header { animation: none; }
  .article-list__image img { transition: none; }
}