.case-directory .case-index {
  grid-template-columns: minmax(7.75rem, .62fr) minmax(0, 2.6fr) minmax(10rem, 1fr);
  align-items: start;
  gap: 8px clamp(14px, 3vw, 36px);
}

.case-index-actions {
  display: grid;
  justify-items: start;
  gap: 0 12px;
}

.site-page .case-read {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 5px 11px;
  border: 1px solid var(--line);
  color: var(--foreground);
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}

.site-page .case-read:hover { border-color: var(--accent); color: var(--accent); }
.case-read .ui-arrow { color: var(--accent); }

.site-page .case-index-actions .text-link {
  align-items: center;
  min-height: 44px;
  font-size: .9rem;
}

.case-index-actions svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

@media (max-width: 760px) {
  .case-directory .case-index { grid-template-columns: minmax(0, 1fr); }
  .case-index-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}