/* ============================================================
   RESOURCES — getting-started guides + Field Notes
   Tokens only. Loads after afterburner.css. rs- namespace.
   ============================================================ */

.rs-hero .rn-hero__inner {
  grid-template-columns: minmax(0, 1fr);
  padding-block: var(--space-10);
}

.rs-hero .rn-hero__copy {
  max-width: var(--measure-hero);
}

.rs-hero .rn-hero__lead {
  max-width: 560px;
  margin-bottom: 0;
}

#guides {
  scroll-margin-top: var(--space-9);
}

.rs-guides,
.rs-posts {
  display: grid;
  align-items: stretch;
  gap: var(--space-5);
}

.rs-guides {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rs-posts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rs-guide,
.rs-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
}

.rs-guide h3,
.rs-post h3 {
  margin-bottom: var(--space-3);
}

.rs-guide > p:not(.rs-soon) {
  color: var(--text-body-dark);
}

.rs-soon {
  margin-top: auto;
  padding-top: var(--space-5);
  color: var(--text-muted-dark);
  font-size: var(--small);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rs-post h3 {
  color: var(--text-heading-light);
}

.rs-post p {
  color: var(--text-muted-light);
}

.rn-section--light .rn-card--interactive:hover {
  border-color: rgba(9, 37, 45, 0.22);
  background: var(--surface-light-alt);
  box-shadow: var(--shadow-sm);
}

.rs-more {
  margin: var(--space-6) 0 0;
}

.rs-close .rn-container-wide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.rs-close .rn-action-band__support {
  max-width: 560px;
  margin-top: var(--space-3);
}

@media (max-width: 980px) {
  .rs-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rs-hero .rn-hero__inner {
    padding-block: var(--space-8);
  }

  .rs-guides,
  .rs-posts {
    grid-template-columns: 1fr;
  }
}