/* Homepage research: an open editorial shelf instead of boxed cards. */
.home-editorial .latest-editorial .card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 48px);
  align-items: stretch;
}
.home-editorial .latest-editorial .card-grid > .card {
  min-width: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  transform: none;
}
.home-editorial .latest-editorial .card-grid > .card:hover {
  border: 0;
  box-shadow: none;
  transform: none;
}
.home-editorial .latest-editorial .card > a {
  background: #ede8df;
  border-radius: 2px;
  overflow: hidden;
}
.home-editorial .latest-editorial .card > a img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center top;
  transition: transform 350ms ease;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .home-editorial .latest-editorial .card > a:hover img { transform: scale(1.025); }
}
.home-editorial .latest-editorial .card-body {
  flex: 1;
  padding: 20px 0 0;
}
.home-editorial .latest-editorial .card-kicker {
  justify-content: flex-start;
  gap: 8px;
}
.home-editorial .latest-editorial .card-read-time::before {
  content: "·";
  margin-right: 8px;
  color: #777;
}
.home-editorial .latest-editorial .card h3 {
  max-width: 28ch;
  font-size: clamp(22px, 1.6vw, 27px);
}
.home-editorial .latest-editorial .card-summary { max-width: 48ch; }
.home-editorial .latest-editorial .card-footer {
  border: 0;
  padding-top: 0;
}
.home-editorial .latest-more { justify-content: flex-start; margin-top: 38px; }

/* A quieter, ruled reading list closes the page. */
.home-editorial .home-reading-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}
.home-editorial .home-reading-card {
  display: flex;
  flex-direction: row;
  gap: 18px;
  padding: 25px 24px 25px 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.home-editorial .home-reading-card + .home-reading-card {
  border-left: 1px solid var(--hairline);
  padding-left: 24px;
}
.home-editorial .home-reading-card:hover { border-color: var(--hairline); box-shadow: none; }
.home-editorial .home-reading-card img {
  width: clamp(92px, 8vw, 125px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center top;
  border-radius: 2px;
}
.home-editorial .home-reading-copy { gap: 7px; }
.home-editorial .home-reading-copy strong { font-size: 19px; }
.home-editorial .home-reading-link > span { display: none; }
@media (max-width: 1000px) {
  .home-editorial .home-reading-grid { grid-template-columns: 1fr; }
  .home-editorial .home-reading-card,
  .home-editorial .home-reading-card + .home-reading-card {
    padding: 20px 0;
    border-left: 0;
  }
  .home-editorial .home-reading-card + .home-reading-card { border-top: 1px solid var(--hairline); }
  .home-editorial .home-reading-card img { width: 120px; height: auto; }
}
@media (max-width: 850px) {
  .home-editorial .latest-editorial .card-grid { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-editorial .latest-editorial .card-grid > .card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - clamp(24px, 3vw, 48px)) / 2);
  }
}
@media (max-width: 600px) {
  .home-editorial .latest-editorial .card-grid { grid-template-columns: 1fr; gap: 40px; }
  .home-editorial .latest-editorial .card-grid > .card:last-child:nth-child(odd) { grid-column: auto; width: 100%; }
  .home-editorial .latest-editorial .card-body { padding-top: 16px; }
  .home-editorial .latest-more { margin-top: 30px; }
  .home-editorial .home-reading-card img { width: 92px; }
  .home-editorial .home-reading-copy strong { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-editorial .latest-editorial .card > a img { transition: none; }
}
