.bulletin-archive-list { list-style: none; padding: 0; margin: 0; }
    .bulletin-archive-item { margin-bottom: .75rem; }
    .bulletin-archive-item a {
      display: flex; align-items: center; gap: 1rem;
      padding: 1rem 1.25rem; border-radius: 8px;
      background: var(--card-bg, #fff); border: 1px solid var(--gray-300, #e0e0e0);
      text-decoration: none; color: inherit; transition: box-shadow .2s, border-color .2s;
    }
    .bulletin-archive-item a:hover {
      border-color: var(--green, #2d6a4f);
      box-shadow: 0 2px 12px rgba(45,106,79,.12);
    }
    .ba-date { font-size: .82rem; color: var(--green, #2d6a4f); min-width: 160px; white-space: nowrap; }
    .ba-title { flex: 1; font-weight: 500; }
    .ba-level { font-size: .8rem; opacity: .7; white-space: nowrap; }
    @media (max-width: 640px) {
      .bulletin-archive-item a { flex-direction: column; align-items: flex-start; gap: .4rem; }
      .ba-date { min-width: auto; }
    }
    .ba-empty { text-align: center; padding: 3rem 1rem; opacity: .6; }