.article-page { background: #141514; padding: 34px 0; }
.article-page .site-canvas { width: min(calc(100% - 48px), 1120px); margin: 0 auto; overflow: hidden; border: 1px solid #555650; border-radius: 8px; background: var(--paper); }
.article-page .site-header, .article-page > .site-canvas > footer { width: 100%; margin: 0; }
.article-shell { padding: clamp(52px, 7vw, 92px) clamp(24px, 8vw, 104px) 84px; }
.article-header { max-width: 860px; padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.article-kicker, .article-meta { margin: 0; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
.article-header h1 { max-width: 12ch; margin: 22px 0 24px; font-family: var(--serif); font-size: clamp(3.8rem, 7vw, 6.5rem); font-weight: 400; line-height: .9; letter-spacing: -.05em; }
.article-back { display: inline-block; margin-top: 28px; font-size: .82rem; text-underline-offset: .22em; }
.article-body { max-width: 740px; padding-top: 48px; font-family: var(--serif); font-size: 1.2rem; line-height: 1.68; }
.article-body p { margin: 0 0 1.35em; }
.article-body h2 { margin: 2.15em 0 .7em; font-family: var(--sans); font-size: 1.45rem; line-height: 1.15; letter-spacing: -.025em; }
.article-emphasis { margin: 2.4em 0; padding: 24px 0 24px 28px; border-left: 3px solid var(--orange); font-size: 1.65rem; line-height: 1.35; }
.article-network { display: grid; gap: 8px; margin: 2.2em 0; font-family: var(--sans); font-size: 1rem; }
.article-network strong { font-family: var(--serif); font-size: 1.65rem; font-weight: 400; }
.article-final { margin-top: 2.6em !important; padding-top: 1.4em; border-top: 1px solid var(--ink); font-size: 1.55rem; line-height: 1.45; }
.article-footer { display: block; width: 100%; max-width: 740px; min-height: 0; margin-top: 52px; padding: 24px 0 0; border-top: 1px solid var(--line); background: transparent; color: inherit; font-size: inherit; }
.notes-index { min-height: 640px; }
.notes-index-list { margin-top: 46px; border-top: 1px solid var(--line); }
.notes-index-item { display: grid; grid-template-columns: 120px 1fr auto; gap: 24px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--line); }
.notes-index-item p { margin: 0; }
.notes-index-item a { font-family: var(--serif); font-size: 1.65rem; text-underline-offset: .15em; }
.notes-index-item.is-upcoming { color: #78746c; }
@media (max-width: 680px) {
  .article-page { padding: 0; background: var(--paper); }
  .article-page .site-canvas { width: 100%; border: 0; border-radius: 0; }
  .article-shell { padding: 46px 16px 64px; }
  .article-header h1 { font-size: clamp(3.2rem, 15vw, 4.2rem); }
  .article-body { padding-top: 38px; font-size: 1.08rem; line-height: 1.65; }
  .article-emphasis { padding-left: 18px; font-size: 1.35rem; }
  .notes-index-item { grid-template-columns: 1fr; gap: 8px; }
}