/* Inherit each site's existing palette and keep its individual article frames. */
:root {
  --publication-ink: var(--ink);
  --publication-muted: var(--muted);
  --publication-line: var(--line);
  --publication-accent: var(--primary);
  --publication-radius: var(--radius);
  --publication-gap: 1.5rem;
  --publication-padding: 1.25rem;
  --publication-small: .8125rem;
  --publication-meta: .75rem;
  --publication-base: .9375rem;
  --publication-heading: 1.125rem;
  --publication-border: 1px;
  --publication-focus: 2px;
  --publication-focus-offset: 4px;
  --publication-touch: 2.75rem;
}
.publication-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .32fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: start;
  padding-block-end: 3rem;
}
.publication-main { min-width: 0; }
.publication-main .news-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--publication-gap);
}
.publication-main .news-card { min-width: 0; grid-column: auto; }
.publication-main .news-card .news-meta { font-size: var(--publication-meta); line-height: 1.5; }
.publication-main .news-card h3 { font-size: clamp(1.25rem, 1.7vw, 1.625rem); }
.publication-main .pagination { flex-wrap: wrap; }
.publication-sidebar { display: grid; gap: var(--publication-gap); min-width: 0; }
.publication-widget {
  padding: var(--publication-padding);
  border: var(--publication-border) solid var(--publication-line);
  border-block-start: var(--publication-focus) solid var(--publication-accent);
  border-radius: var(--publication-radius);
  min-width: 0;
}
.publication-widget h2 {
  font-size: var(--publication-heading);
  line-height: 1.3;
  letter-spacing: -.02em;
  margin: 0 0 1rem;
  color: var(--publication-ink);
}
.publication-widget a { color: var(--publication-ink); }
.publication-widget a:hover,
.publication-widget a[aria-current],
.author-card-link,
.profile-link-label { color: var(--publication-accent); }
.publication-widget a:hover,
.article-author-card a:hover,
.expert-profile-link:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.publication-layout :is(a, input, button):focus-visible,
.article-author-card a:focus-visible,
.expert-profile-link:focus-visible {
  outline: var(--publication-focus) solid var(--publication-accent);
  outline-offset: var(--publication-focus-offset);
}
.publication-widget ul,
.publication-widget ol { list-style: none; margin: 0; padding: 0; }
.publication-topics li + li,
.publication-latest li + li,
.publication-people li + li { border-block-start: var(--publication-border) solid var(--publication-line); }
.publication-topics a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding-block: .625rem;
  min-height: var(--publication-touch);
  font-size: var(--publication-base);
  line-height: 1.45;
}
.publication-topics a[aria-current] { font-weight: 700; }
.publication-topics a span { flex: 0 0 auto; }
.publication-search { display: grid; gap: .75rem; }
.publication-search label { color: var(--publication-muted); font-size: var(--publication-small); }
.publication-search input,
.publication-search button {
  width: 100%;
  min-width: 0;
  min-height: var(--publication-touch);
  border: var(--publication-border) solid var(--publication-line);
  border-radius: var(--publication-radius);
  background: transparent;
  color: var(--publication-ink);
  padding: .625rem .75rem;
  font: inherit;
}
.publication-search input { appearance: auto; }
.publication-search button { cursor: pointer; font-weight: 600; border-color: var(--publication-accent); }
.publication-search button:hover { color: var(--publication-accent); }
.publication-latest li { padding-block: 1rem; }
.publication-latest li:first-child,
.publication-people li:first-child { padding-block-start: 0; }
.publication-latest li:last-child,
.publication-people li:last-child { padding-block-end: 0; }
.publication-latest time { display: block; color: var(--publication-muted); font-size: var(--publication-small); margin-block-end: .375rem; }
.publication-latest a { font-size: var(--publication-base); line-height: 1.5; display: block; }
.publication-people li { padding-block: .875rem; }
.publication-people a { display: flex; gap: .75rem; align-items: flex-start; }
.publication-people img { width: 2.75rem; height: 3.25rem; object-fit: cover; object-position: center top; flex: 0 0 auto; border-radius: .375rem; }
.publication-people strong { font-size: var(--publication-base); font-weight: 600; line-height: 1.4; display: block; }
.publication-people small { display: block; color: var(--publication-muted); font-size: var(--publication-small); line-height: 1.45; margin-block-start: .25rem; }
.publication-directories { display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin-block-start: 1rem; }
.publication-directories a { font-size: var(--publication-small); padding-block: .5rem; }
.expert-comment { clear: both; }
.prose .expert-comment blockquote { margin: 1rem 0 1.5rem; padding: 0; border: 0; background: none; }
.prose .expert-comment blockquote p { margin: 0; color: inherit; }
.prose .expert-comment a.person-byline { text-decoration: none; color: var(--publication-ink); }
.prose .expert-comment .profile-link-label { text-decoration: underline; text-underline-offset: .2em; }
.expert-comment .expert-profile-link img { flex: 0 0 auto; object-fit: cover; object-position: center top; }
.profile-link-label { display: block; margin-block-start: .375rem; font-size: var(--publication-small); line-height: 1.4; }
.article-author-card {
  display: flex;
  align-items: flex-start;
  gap: var(--publication-gap);
  padding: clamp(1.25rem, 3vw, 2rem);
  margin-block: 2.5rem 1.5rem;
  border: var(--publication-border) solid var(--publication-line);
  border-inline-start: var(--publication-focus) solid var(--publication-accent);
  border-radius: var(--publication-radius);
  clear: both;
}
.article-author-card > a { flex: 0 0 auto; }
.article-author-card > div { min-width: 0; }
.article-author-card .author-card-portrait { width: 5rem; height: 6rem; object-fit: cover; object-position: center top; border-radius: .375rem; }
.article-author-card h2 { margin: .5rem 0; font-size: 1.375rem; line-height: 1.3; letter-spacing: -.02em; color: var(--publication-ink); }
.article-author-card p { margin: 0 0 .5rem; font-size: var(--publication-base); color: var(--publication-muted); line-height: 1.5; }
.article-author-card .author-card-link { display: inline-block; padding-block: .5rem; font-size: var(--publication-base); line-height: 1.45; }
@media (max-width: 69.99rem) {
  .publication-layout { grid-template-columns: minmax(0, 1fr); }
  .publication-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 39.99rem) {
  .publication-main .news-grid,
  .publication-sidebar { grid-template-columns: minmax(0, 1fr); }
  .publication-main .news-card h3 { font-size: 1.5rem; }
  .article-author-card { gap: 1rem; }
  .article-author-card .author-card-portrait { width: 3.5rem; height: 4.5rem; }
}
