/* Styles for mailman archive shortcode */
.mailman-archive-box { 
  --mm-gap: 10px;
  --mm-border: 1px solid rgba(0,0,0,0.06);
  --mm-muted: #666;
  --mm-zebra: rgba(0,0,0,0.03);
  width: 100%;
}

.mailman-archive-box .mailman-list { 
  display: block; 
}

.mailman-archive-box .mailman-item {
  display: grid;
  grid-template-columns: 160px 1fr 140px;
  align-items: center;
  gap: var(--mm-gap);
  padding: 8px 10px;
  border-bottom: var(--mm-border);
}

.mailman-archive-box .mailman-item:nth-child(even) {
  background: var(--mm-zebra);
}

.mailman-archive-box .mailman-col { min-width: 0; }

.mailman-archive-box .mailman-col-date { color: var(--mm-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }

.mailman-archive-box .mailman-col-subject { min-width: 0; }

.mailman-archive-box .mailman-subject {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.mailman-archive-box .mailman-subject:hover { text-decoration: underline; }

.mailman-archive-box .mailman-col-author { text-align: right; }
.mailman-archive-box .mailman-author { color: var(--mm-muted); white-space: nowrap; }

.mailman-archive-box .mailman-empty { padding: 12px 10px; color: var(--mm-muted); }

.mailman-archive-box .mailman-pagination { padding: 10px; }
.mailman-archive-box .mailman-pagination a { margin-right: 8px; }

/* Responsive tweaks */
@media (max-width: 900px) {
  .mailman-archive-box .mailman-item { grid-template-columns: 140px 1fr 120px; }
}
@media (max-width: 700px) {
  .mailman-archive-box .mailman-item { grid-template-columns: 130px 1fr; }
  .mailman-archive-box .mailman-col-author { display: none; }
}
@media (max-width: 520px) {
  .mailman-archive-box .mailman-item { grid-template-columns: 1fr; align-items: start; }
  .mailman-archive-box .mailman-col-date { order: 1; }
  .mailman-archive-box .mailman-col-subject { order: 2; }
}