.article-header {
    background: linear-gradient(45deg, rgba(235,213,179,0.85), rgba(199,182,126,0.85)),
                url('../images/manuscript.jpg') no-repeat center center;
    background-size: cover;
    color: #000;
    padding: 6rem 0;
    text-align: center;
  }
  
  .article-header h1 {
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
  }
  
  .article-header .subtitle {
    font-size: 1.25rem;
    font-style: italic;
    color: #000;
  }
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Work link styling */
  .work-link {
    color: #0d6efd;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  
  .work-link:hover {
    color: #0b5ed7;
    text-decoration: underline;
  }
  
  .work-link.no-url {
    color: inherit;
    cursor: default;
  }
  
  .work-link.no-url:hover {
    color: inherit;
    text-decoration: none;
  }
  
  /* Author reference link styling */
  .author-ref-link {
    color: #198754;
    text-decoration: none;
    transition: color 0.3s ease;
    border-bottom: 1px dotted #198754;
  }
  
  .author-ref-link:hover {
    color: #157347;
    border-bottom-color: #157347;
  }
  
  /* Recommendation author cards animation */
  .author-recommendation-card {
    transition: all 0.35s cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .author-recommendation-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  }
  
  .author-recommendation-card .card-title {
    transition: color 0.35s ease;
  }
  
  .author-recommendation-card:hover .card-title {
    color: #0d6efd;
  }
  
  /* Year badge highlight animation */
  .year-badge {
    animation: highlightYear 0.6s ease-out 0.2s;
    animation-fill-mode: both;
  }
  
  @keyframes highlightYear {
    0% {
      background-color: #fff3cd;
      transform: scale(1);
    }
    50% {
      background-color: #ffc107;
      transform: scale(1.1);
    }
    100% {
      background-color: #e9ecef;
      transform: scale(1);
    }
  }
  
  .author-recommendation-card:hover .year-badge {
    animation: highlightYear 0.6s ease-out;
  }
  
  /* Footer action bar */
  .action-footer {
    background-color: #f8f9fa;
    border-top: 2px solid #e9ecef;
    padding: 1.5rem 0;
    margin-top: 3rem;
  }
  
  .action-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .action-footer a, .action-footer button {
    transition: all 0.3s ease;
  }
  
  .action-footer a:hover {
    color: #0d6efd !important;
  }
  
  .author-card .card-title {
    color: #3d2817;
    transition: color 0.3s ease;
    font-size: 1.05rem;
    margin-bottom: 12px;
  }
  
  .author-card:hover .card-title {
    color: #CD853F;
  }
  
  .author-card .badge {
    background-color: #CD853F !important;
    color: #fff !important;
    font-weight: 500;
  }
  
  .author-card:hover .badge {
    background-color: #B8860B !important;
  }

/* Manuscript / paleography articles: same layout as author articles, green header */
.article-header.article-header--green {
  background: linear-gradient(45deg, rgba(139,58,74,0.9), rgba(196,106,122,0.88)),
              var(--hero-img, url('../images/manuscript.jpg')) no-repeat center center;
  background-size: cover;
  color: #fff;
}
.article-header--green h1 { text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.article-header--green .subtitle { color: #f1e6cf; }
.article-body h2 { color: #8b3a4a; margin-top: 2rem; padding-bottom: .4rem; border-bottom: 2px solid #e8b8c0; }
.article-body figure { margin: 1.5rem 0; }
.article-body figure img { border-radius: .5rem; box-shadow: 0 .4rem 1rem rgba(0,0,0,.15); max-height: 480px; }
.article-body figcaption { font-style: italic; }
.article-side a { color: #8b3a4a; text-decoration: none; }
.article-side a:hover { text-decoration: underline; }
.article-header--green .btn-accent { background-color: #ebd5b3; color: #333; border: none; }
.article-header--green .btn-accent:hover { background-color: #d4bea0; }
