/* ============ WRAPPER (two cards side-by-side on desktop) ============ */
.resources-contact-wrapper{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(1rem, 3vw, 1.5rem);
  align-items:start;
  margin-top:var(--space-4);
  padding-inline: 1rem;
  max-width: 1000px;
  margin-inline: auto; /* center the wrapper */
}

/* Desktop: two columns */
@media (min-width:768px){
  .resources-contact-wrapper{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

.resources-contact-wrapper > .resources-section,
.resources-contact-wrapper > .contact-section {
  min-width: 0;
  width: 100%;
}


.resources-section{
  background: transparent;
  text-align:left;
}

.section-card--dark{
  background: transparent; /*var(--neutral-white);*/
  color: var(--neutral-white);
  /* border-color: rgba(255,255,255,0.04); */
  padding: clamp(1rem, 2.5vw, 1.25rem);
  /* border-radius: calc(var(--radius-md) + 2px); */
  /* box-shadow: 0 4px 12px rgba(0,0,0,.05); */
}

@media (max-width: 899px) {
  .section-card--dark {
    background: var(--neutral-cream);
  }
}


.resources-intro h2{
  text-transform:uppercase;
  color:var(--primary-color-dark);
}

.resources-intro {
  max-width: 70ch;
  margin: 0 auto clamp(1rem, 3vw, 2rem);
}

.resources-intro p{
  margin-top:0;
  color:var(--text-primary);
  font-size:var(--text-base);
  line-height:1.6;
  text-align: center;
  margin-bottom: var(--space-4);
}

/* List */
.resources-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.75rem;
}
.resources-list-item{
  padding:var(--space-3);
  background: #fdfdfd;
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--radius-md);
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  transition:transform .2s ease, box-shadow .2s ease;
}
.resources-list-item:hover{
  transform:translateY(-2px); 
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.resources-list-item h3{
  font-family: "Noto Sans", sans-serif;
  text-transform: capitalize;
  margin:0 0 var(--space-2);
  font-size:clamp(1rem,2vw,1.15rem);
  font-weight:350;
  color:var(--text-primary);
  padding-bottom:var(--space-1);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  text-align: center;
}
.resources-list-item p{
  margin:var(--space-2) 0 0;
  font-size:var(--text-sm);
  text-align: center;
}
.resources-list-item a {
  text-decoration: none;
  color: inherit;
  display: block; 
}

.category{
  display: inline-block;
  background: #ffffff;
  /* color: #d9d9d9; */
  color: var(--text-secondary);
  font-size: var(--text-xs);
  padding: .25rem .5rem;
  /* border: 1px solid; */
  border-radius: var(--radius-btn);
  margin: .10rem .10rem .10rem 0;
  border-color: var(--neutral-gray);
  white-space: nowrap;
  box-shadow: 0 1px 1px rgba(0,0,0,.10);
  
}

/* Narrow mobile: add vertical breathing room */
@media (max-width: 480px) {
  .category {
    margin: .35rem .25rem;
    padding: .3rem .6rem;
  }
}