/* Compact directory imagery; full cards remain single same-tab guide links. */
.illustrated-resource .guide-card-heading {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}
.illustrated-resource .guide-thumbnail {
  width: 7rem;
  height: 6rem;
  object-fit: cover;
  border-radius: .375rem;
  background: #f0f3eb;
}
.illustrated-resource .guide-thumbnail-product { object-fit: contain; background: #fff; }
.illustrated-resource .guide-card-heading-copy { min-width: 0; }
.illustrated-resource .guide-card-heading .eyebrow { margin: 0 0 .5rem; }
.illustrated-resource h3 {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
  overflow-wrap: break-word;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-color: #84978a;
}
.illustrated-resource > p { margin: .25rem 0 0; }
.illustrated-resource .card-action { margin-top: auto; }
.illustrated-resource:focus-visible { outline: 3px solid #a44821; outline-offset: 3px; }
@media (max-width: 760px) {
  #guide-results { grid-template-columns: minmax(0, 1fr); }
  .illustrated-resource { padding: 1.125rem; }
  .illustrated-resource .guide-card-heading { grid-template-columns: 5rem minmax(0, 1fr); gap: .875rem; }
  .illustrated-resource .guide-thumbnail { width: 5rem; height: 5rem; }
  .illustrated-resource h3 { font-size: 1.375rem; }
}
@media (max-width: 360px) {
  .illustrated-resource .guide-card-heading { grid-template-columns: 4rem minmax(0, 1fr); gap: .625rem; }
  .illustrated-resource .guide-thumbnail { width: 4rem; height: 4rem; }
}

.illustrated-resource .card-action { text-decoration: underline; text-underline-offset: .2em; }