/* Travel Resources only. All publication details live in pages/travel-resources.php. */
.resource-library { scroll-margin-top: 8rem; }
.resource-library-note {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: 0 0 2rem;
  padding: 1.15rem 1.4rem;
  border: 1px solid #e8dfc9;
  border-radius: 12px;
  background: #fbf8f0;
}
.resource-format-label {
  flex: 0 0 auto;
  color: #76530b;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.resource-library-note p { margin: 0; color: var(--ink); font-size: .88rem; line-height: 1.7; }
.resource-download-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
.resource-download-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.resource-cover {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 5;
  padding: 1.25rem;
  overflow: hidden;
  background: #f0eee8;
  border-bottom: 1px solid var(--line);
}
.resource-cover img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  filter: drop-shadow(0 5px 8px rgb(31 34 53 / 12%));
}
.resource-download-copy { display: flex; flex: 1; flex-direction: column; padding: 1.5rem; }
.resource-category { margin: 0 0 .8rem; font-size: .65rem; line-height: 1.6; }
.resource-download-copy h3 {
  margin: 0;
  color: var(--navy);
  font: 760 clamp(1.35rem, 1.8vw, 1.65rem)/1.2 Archivo, Arial, sans-serif;
  letter-spacing: -.02em;
}
.resource-description { margin: 1rem 0 1.4rem; color: var(--muted); font-size: .96rem; line-height: 1.75; }
.resource-file-details {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: auto 0 1rem;
  color: #4d5363;
  font-size: .78rem;
  font-weight: 650;
}
.resource-download-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; }
.resource-download-button { min-height: 46px; padding: .8rem 1rem; font-size: .76rem; }
.resource-download-button span { margin-right: .35rem; font-size: 1.1rem; }
.resource-preview-link { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; color: var(--navy); font-size: .78rem; font-weight: 750; text-underline-offset: 4px; }
.resource-preview-link:hover { text-decoration: underline; }
.resource-cover:focus-visible { outline: 3px solid #86611c; outline-offset: -5px; }
.resource-download-actions a:focus-visible { outline: 3px solid #86611c; outline-offset: 3px; }
@media (max-width: 1000px) {
  .resource-download-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .resource-download-grid { grid-template-columns: minmax(0, 1fr); }
  .resource-library-note { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .resource-download-copy { padding: 1.25rem; }
  .resource-cover { padding: 1.25rem; }
}