.publication { max-width: 780px; padding-block: 36px 20px; }
.back-link { display: inline-block; margin-bottom: 32px; }
.back-link i { margin-left: 0; margin-right: 8px; }
.publication-header { border-bottom: 1px solid var(--rule); padding-bottom: 28px; }
.publication-header h1 { margin-top: 16px; font-size: 38px; }
.interviewee { display: flex; align-items: center; gap: 16px; margin-block: 24px; }
.interviewee img { border-radius: 50%; flex-shrink: 0; width: 64px; height: 64px; }
.interviewee p { font-size: 16px; font-weight: 700; }
.interviewee span { display: block; color: var(--muted); font-size: 14px; font-weight: 400; }
.source-note { font-size: 14px; color: var(--muted); }
.source-note a, .publication-source a { color: var(--accent); }
.source-note i { margin-left: 4px; font-size: 12px; }
.publication-body section { margin-block: 32px; }
.publication-body h2 { font-size: 23px; margin-bottom: 12px; }
.publication-body p { line-height: 1.8; }
.publication-body p + p { margin-top: 18px; }
.publication-introduction { margin-top: 28px; color: var(--muted); }
.publication-body blockquote { margin: 26px 0; border-left: 3px solid var(--accent); padding-left: 20px; color: var(--accent); }
.publication-body blockquote cite { display: block; margin-top: 10px; font-size: 14px; font-style: normal; color: var(--muted); }
.publication-source { border-top: 1px solid var(--rule); padding-top: 20px; font-size: 14px; color: var(--muted); }
@media (max-width: 600px) {
  .publication { padding-top: 24px; }
  .publication-header h1 { font-size: 30px; }
  .back-link { margin-bottom: 24px; }
}