/* Page Banner */
  header.work-banner {
    background: linear-gradient(135deg, rgba(46,78,52,0.85), rgba(46,72,78,0.85)), url('../images/manuscript.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 6rem 0;
    text-align: center;
  }


  header.work-banner::after {
    content: "";
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    height: 20%;
    background: url('wave-divider.svg') repeat-x;
    background-size: contain;
    transform: rotate(180deg);
  }
  header.work-banner h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    animation: fadeInDown 1s ease-out;
  }
  header.work-banner p.lead {
    font-size: 1.5rem;
    animation: fadeInUp 1s ease-out;
  }
  @keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  /* Accent Button for Querying */
  .btn-accent {
    background-color: #ebd5b3;
    color: #333;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: background-color 0.2s;
  }
  
  .btn-accent:hover {
    background-color: #d4bea0;
  }
  
  /* Authors List */
  #alphabetList {
    max-width: 100%;
    margin: 0 auto;
  }
  
  #alphabetList li {
    cursor: pointer;
    border: none;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  
  #alphabetList li a {
    text-decoration: none;
    display: block;
    padding: 1rem;
    color: #333;
  }
  
  #alphabetList li:hover {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  
  /* Sorting Options */
  .sorting a.active, .sorting a:hover {
    background-color: #3a5a40 !important;
    color: #fff !important;
  }
  
  /* Responsive enhancements for the search input */
  .search-container {
    max-width: 100%;
    margin: 0 auto;
  }
  