/* Steve & Richard Safaris: refined article, category and package archive layouts.
   Brand palette retained: green #1DBF73, gold #EDC609, cream #EAE0C7. */
:root {
  --sr-green: #1DBF73;
  --sr-green-dark: #147A4A;
  --sr-gold: #EDC609;
  --sr-cream: #EAE0C7;
  --sr-ink: #26352D;
  --sr-muted: #66736B;
}
.sr-archive { background:#fff; color:var(--sr-ink); }
.sr-archive-hero {
  padding: clamp(42px,6vw,78px) 0;
  background: linear-gradient(125deg, #147A4A 0%, #1DBF73 100%);
  color:#fff;
}
.sr-archive-hero h1 {
  max-width: 900px;
  margin: 14px 0 12px;
  color:#fff;
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.12;
  font-weight:800;
}
.sr-archive-hero p,.sr-archive-description {
  max-width:780px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:1.05rem;
  line-height:1.7;
}
.sr-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:rgba(255,255,255,.82); font-size:.9rem; }
.sr-breadcrumb a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.sr-archive-listing { padding:clamp(36px,5vw,68px) 0; }
.sr-card-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}
.sr-content-card {
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e8eee9;
  border-radius:14px;
  box-shadow:0 8px 26px rgba(22,54,37,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.sr-content-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(22,54,37,.13); }
.sr-content-card-image {
  display:block;
  height:220px;
  overflow:hidden;
  background:#f1f4f1;
}
.sr-content-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.sr-card-image-placeholder {
  display:flex; height:100%; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#e8f4ed,#f5edce); color:var(--sr-green-dark); font-weight:700;
}
.sr-content-card-body { padding:22px 22px 24px; }
.sr-content-card-type {
  display:inline-block; margin-bottom:10px; color:var(--sr-green-dark);
  font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.sr-content-card-body h2 { margin:0 0 10px; font-size:1.3rem; line-height:1.3; }
.sr-content-card-body h2 a { color:#25372c; text-decoration:none; }
.sr-content-card-body h2 a:hover { color:var(--sr-green-dark); }
.sr-content-card-body p { margin:0 0 18px; color:var(--sr-muted); font-size:.97rem; line-height:1.65; text-align:left; }
.sr-card-link { color:var(--sr-green-dark); font-weight:800; text-decoration:none; }
.sr-card-link:hover { color:#9b8200; }
.sr-pagination { margin-top:38px; text-align:center; }
.sr-pagination .page-numbers {
  display:inline-block; margin:3px; padding:9px 14px; border:1px solid #dfe8e1;
  border-radius:7px; color:var(--sr-green-dark); text-decoration:none;
}
.sr-pagination .page-numbers.current { background:var(--sr-green); border-color:var(--sr-green); color:#fff; }
.sr-empty-state { padding:42px; border-radius:14px; background:#f6f8f6; text-align:center; }
.sr-empty-state h2 { margin-top:0; color:var(--sr-green-dark); }
.sr-archive-cta { display:inline-block; margin-top:10px; padding:12px 22px; border-radius:28px; background:var(--sr-green); color:#fff; font-weight:700; text-decoration:none; }
@media (max-width: 900px) { .sr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
  .sr-card-grid { grid-template-columns:1fr; gap:18px; }
  .sr-content-card-image { height:210px; }
  .sr-content-card-body { padding:19px; }
}