.jaa-archive {
  --jaa-accent: var(--link-accent, #397052);
  --jaa-accent-secondary: var(--link-green, #397052);
  --jaa-border: var(--box-border, #b8b8b8);
  --jaa-muted: var(--ink-soft, #666);
  --jaa-strong: var(--ink-strong, currentColor);
}

.jaa-year { margin: 0 0 28px; }

.jaa-year h2 {
  margin: 0 0 10px;
  padding-bottom: 7px;
  border-bottom: 1px dotted var(--jaa-border);
  font-family: var(--tw, inherit);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 3px;
  color: var(--heading-accent, var(--jaa-accent));
}

.jaa-month { border-bottom: 1px dotted var(--jaa-border); }

.jaa-month summary {
  padding: 11px 4px;
  color: var(--jaa-strong);
  cursor: pointer;
  font-size: 14px;
}

.jaa-month summary::marker { color: var(--jaa-accent-secondary); }
.jaa-month summary:hover { color: var(--jaa-accent); }

.jaa-count {
  margin-left: 7px;
  color: var(--jaa-muted);
  font-size: 11px;
}

.jaa-month ul {
  margin: 0;
  padding: 0 4px 10px 24px;
  list-style: none;
}

.jaa-month li {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  padding: 6px 0;
  font-size: 13px;
  line-height: 1.45;
}

.jaa-month time {
  color: var(--jaa-muted);
  font-family: "Courier New", monospace;
  font-size: 12px;
}

.jaa-month a,
.jaa-month a:visited {
  color: var(--jaa-accent);
  text-decoration: none;
}

.jaa-month a:hover { text-decoration: underline; }
.jaa-empty { color: var(--jaa-muted); }

@media (max-width: 420px) {
  .jaa-month li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}