/* A reference implementation for the portfolio study; not a released package. */
:root {
  --card-surface: #fff;
  --card-ink: #171916;
  --card-accent: #a54131;
  --card-display: Georgia, serif;
  --card-radius: 4px;
  --card-space: 1.625rem;
}
[data-publication="style"] {
  --card-accent: #b21360;
  --card-display: 'Times New Roman', serif;
  --card-radius: 0;
  --card-space: 2.3125rem;
}
[data-publication="journal"] {
  --card-accent: #2855a6;
  --card-display: Arial, sans-serif;
  --card-radius: 12px;
  --card-space: 1.125rem;
}
.editorial-card { background: var(--card-surface); color: var(--card-ink); border-radius: var(--card-radius); overflow: hidden; }
.editorial-card__image { width: 100%; display: block; aspect-ratio: 4 / 3; object-fit: cover; }
.editorial-card__content { padding: var(--card-space); }
.editorial-card__category { color: var(--card-accent); font-size: .875rem; }
.editorial-card__title { font: 500 clamp(1.75rem, 3vw, 2.75rem)/1.1 var(--card-display); margin: 1rem 0; }
.editorial-card__link { color: inherit; text-decoration: none; }
.editorial-card__link:hover { text-decoration: underline; }
.editorial-card__link:focus-visible { outline: 3px solid var(--card-accent); outline-offset: 4px; }
.editorial-card__action { color: var(--card-accent); font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .editorial-card * { scroll-behavior: auto; transition: none; } }