.journal-categories button {
  flex: none;
  padding: 10px 13px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.55);
  color: var(--ink);
  font: 700 10px/1.2 var(--body);
  text-transform: uppercase;
  letter-spacing: .06em;
  cursor: pointer;
}
.journal-categories button:hover,
.journal-categories button:focus-visible,
.journal-categories button.active {
  border-color: var(--ink);
  background: var(--ink);
  color: #fff;
}
.journal-categories button:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.journal-card[hidden] { display: none !important; }
.journal-grid.is-filtered .journal-card { grid-column: span 4; display: block; }
.journal-grid.is-filtered .journal-card .journal-art { min-height: 300px; }
@media(max-width:800px) {
  .journal-grid.is-filtered .journal-card { grid-column: 1/-1; }
}