/* ═══════════════════════════════════════════════════════════════════════
   /resources — the library. An editorial index of everything Zenrows
   publishes to help you build with web data. Directory language: hairline
   dividers on transparent ground (never card fill), display-scale entry
   titles, restrained reveal. Reuses the /tools cluster primitives.
   ═══════════════════════════════════════════════════════════════════════ */
@import "../_ds/fonts.css";
@import "../_ds/theme.css";
@import "../_shared/chrome.css";
@import "../_shared/components.css";
@import "../_shared/audience-switcher.css";
@import "../_shared/tools.css";

.rs-hero { max-width: 1180px; }

.rs-index {
  max-width: 1180px; margin-inline: auto;
  padding: clamp(8px,2vh,24px) clamp(16px,4vw,64px) clamp(60px,9vh,110px);
  display: flex; flex-direction: column; gap: clamp(38px,5.5vh,68px);
}

.rs-group-label {
  font-family: var(--font-code); font-size: 12px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--text-tertiary);
  margin: 0 0 clamp(6px,1.4vh,16px); padding-bottom: 14px;
  border-bottom: 1px solid var(--border-subtle);
}

.rs-rows { display: grid; grid-template-columns: repeat(2,1fr); column-gap: clamp(28px,5vw,80px); row-gap: clamp(30px,4vh,48px); align-items: stretch; }

/* No card: just text and a button, left-aligned. The button (link-cta) is the
   only click target; margin-top:auto bottom-aligns it across a row. */
.rs-item { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.rs-item-t {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(22px,2.2vw,32px); line-height: 1.05; letter-spacing: -0.02em;
  color: var(--text-primary);
}
.rs-item-d {
  font-family: var(--font-base); font-size: clamp(14px,1.05vw,16px);
  line-height: 1.5; color: var(--text-secondary); max-width: 46ch;
}
.rs-item .link-cta { margin-top: auto; padding-top: 8px; }

@media (max-width: 760px) { .rs-rows { grid-template-columns: 1fr; row-gap: clamp(26px,4vh,36px); } }
@media (min-width: 1600px) { .rs-hero, .rs-index { max-width: 1320px; } }