.directory-page main {
  width: min(960px, calc(100% - 40px));
  padding: clamp(48px, 7vw, 88px) 0;
}
.directory-page h1 {
  margin: .15em 0 .2em;
  font: 400 clamp(3rem, 8vw, 6rem)/.92 "Archivo Black";
  text-transform: uppercase;
  letter-spacing: -.05em;
}
.directory-intro {
  max-width: 720px;
  margin: 0 0 42px;
  font-size: 1.05rem;
  line-height: 1.65;
}
.directory-intro a {
  color: var(--ink);
  font-weight: 900;
  text-decoration-color: var(--orange);
  text-decoration-thickness: 3px;
}
.directory-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 3px solid var(--ink);
}
.directory-list li { border-bottom: 2px solid var(--ink); }
.directory-list a {
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 20px;
  align-items: center;
  padding: 18px 14px;
  color: var(--ink);
  text-decoration: none;
}
.directory-list a:hover,
.directory-list a:focus-visible { background: var(--orange); }
.directory-list span {
  color: #6b625a;
  font-size: .75rem;
  font-weight: 900;
  text-transform: uppercase;
}
.directory-list strong { font-size: 1rem; }
.directory-list time {
  color: #6b625a;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .directory-list a { grid-template-columns: 1fr; gap: 5px; }
  .directory-list time { grid-row: 2; }
}