/* Editorial minimalism: existing C-ECO palette, explicit light-surface roles. */
.article-paper {
  --publication-ink: var(--dark-ink);
  --publication-muted: var(--light-muted);
  --publication-line: var(--light-border);
  --publication-accent: var(--primary-on-light);
  --article-space: clamp(1.25rem, 3vw, 2rem);
  --article-card-radius: .75rem;
  --article-card-surface: color-mix(in srgb, var(--light) 90%, var(--light-border));
  --article-transition: 160ms ease-out;
}
.article-paper .article-header { margin-bottom: 2rem; }
.article-paper .article-authors { margin-block: 1.75rem 1.25rem; }
.article-paper .article-authors .person-byline { gap: .875rem; padding: .25rem 0; }
.article-paper .article-authors .person-byline img { width: 3rem; height: 3rem; }
.article-paper .article-authors .person-byline strong { font-size: .9375rem; }
.article-paper .article-authors .person-byline small { font-size: .75rem; }
.article-paper .article-takeaways { margin-block: 0 2rem; }
.article-paper .article-body { padding-top: .25rem; }
.article-paper .article-author-card {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  align-items: start;
  gap: 1.5rem;
  padding: var(--article-space);
  margin-block: 3rem 2rem;
  background: var(--article-card-surface);
  border: 1px solid var(--publication-line);
  border-radius: var(--article-card-radius);
  color: var(--publication-ink);
}
.article-paper .article-author-card .author-card-portrait {
  display: block;
  width: 6rem;
  height: 7.5rem;
  object-fit: cover;
  object-position: center 20%;
  border-radius: calc(var(--article-card-radius) / 2);
}
.article-paper .article-author-card .eyebrow {
  display: block;
  margin: 0 0 .5rem;
  font-size: .6875rem;
  letter-spacing: .1em;
  color: var(--publication-accent);
}
.article-paper .article-author-card h2 { margin: 0 0 .375rem; font-size: 1.5rem; line-height: 1.2; }
.article-paper .article-author-card h2 a { color: var(--publication-ink); }
.article-paper .article-author-card p { color: var(--publication-muted); font-size: .875rem; }
.article-paper .article-author-card .author-card-bio { margin-block: .75rem; line-height: 1.65; }
.article-paper .article-author-card .author-card-link {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-height: 2.75rem;
  font-size: .8125rem;
  font-weight: 600;
  color: var(--publication-accent);
}
.article-paper .article-author-card .author-card-link span { display: inline; }
.article-paper .expert-comment {
  --publication-ink: var(--ink);
  --publication-muted: var(--muted);
  --publication-accent: var(--primary);
  padding: var(--article-space);
  margin-block: 2.5rem;
  border: 1px solid var(--line);
  border-radius: var(--article-card-radius);
  background: var(--surface);
}
.article-paper .expert-comment blockquote { font-size: 1.125rem; line-height: 1.75; }
.article-paper .expert-comment .expert-profile-link {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
}
.article-paper .expert-comment .expert-profile-link img { width: 3.5rem; height: 4.25rem; border-radius: .375rem; }
.article-paper .expert-comment .expert-profile-link strong { font-size: .9375rem; margin-bottom: .25rem; }
.article-paper .expert-comment .expert-profile-link small { font-size: .8125rem; }
.article-paper .expert-comment .profile-link-label { display: block; margin-top: .5rem; font-size: .8125rem; }
.article-paper .expert-comment .profile-link-label span { display: inline; }
.article-paper :is(.article-author-card a, .expert-profile-link, .article-authors a) { transition: color var(--article-transition); }
.article-paper :is(.article-author-card a, .article-authors a):hover { color: var(--publication-accent); }
.article-paper :is(.article-author-card a, .expert-profile-link):focus-visible { outline: 2px solid var(--publication-accent); outline-offset: 4px; }
@media (max-width: 540px) {
  .article-paper .article-author-card { grid-template-columns: 4rem minmax(0, 1fr); gap: .5rem 1rem; }
  .article-paper .article-author-card .author-card-portrait { width: 4rem; height: 5rem; }
  .article-paper .article-author-card h2 { font-size: 1.25rem; }
  .article-paper .article-author-card .author-card-bio,
  .article-paper .article-author-card .author-card-link { grid-column: 1 / -1; }
  .article-paper .article-author-card .author-card-bio { margin-block: .5rem 0; }
  .article-paper .article-author-card .author-card-content { display: contents; }
  .article-paper .article-author-card .eyebrow,
  .article-paper .article-author-card h2,
  .article-paper .article-author-card .author-card-content > p:not(.author-card-bio) { grid-column: 2; }
  .article-paper .article-author-card > a { grid-row: 1 / 4; }
  .article-paper .article-author-card .eyebrow { align-self: end; margin: 0; }
  .article-paper .article-author-card h2,
  .article-paper .article-author-card p { margin: 0; }
  .article-paper .expert-comment blockquote { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .article-paper :is(.article-author-card a, .expert-profile-link, .article-authors a) { transition: none; }
}
