/* /patient-resources/: service picker in the hero, one "what to bring" card per service, records and state links. */
.rs-hero { padding-bottom: clamp(36px, 5vw, 60px); }
.rs-hero .page-hero-grid { align-items: center; }

.rs-jump { display: grid; gap: 10px; padding: 22px; border-radius: var(--r-lg); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), 0 18px 40px rgba(27, 42, 65, .08); }
.rs-jump-h { margin: 0 0 4px; font: 700 .78rem var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-ink); }
.rs-jump-a { --tone: var(--sage); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--r); background: var(--cream); color: var(--ink); font-weight: 600; text-decoration: none; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .25s, transform .3s var(--ease); }
.rs-jump-a[data-tone="mens"] { --tone: var(--dusk); }
.rs-jump-a > .ic:first-child { color: var(--tone); }
.rs-jump-a > .ic:last-child { color: var(--muted); transition: transform .3s var(--ease); }
.rs-jump-a:hover { box-shadow: inset 0 0 0 1.5px var(--tone); transform: translateY(-1px); }
.rs-jump-a:hover > .ic:last-child { transform: translateX(3px); color: var(--tone); }
.rs-jump-forms { justify-self: start; margin-top: 6px; }

.rs-head { margin-bottom: clamp(20px, 3vw, 30px); }
.rs-head h2, .rs-records h2 { margin: 6px 0 0; }

.rs-tag { --tone: var(--sage); display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: color-mix(in srgb, var(--tone) 12%, transparent); color: var(--tone); font: 700 .74rem var(--font-ui); letter-spacing: .06em; text-transform: uppercase; }
[data-tone="mens"] .rs-tag, .rs-tag[data-tone="mens"] { --tone: var(--dusk); }

.rs-cards { align-items: stretch; }
.rs-card { --tone: var(--sage); display: flex; flex-direction: column; gap: 14px; padding: 24px; border-radius: var(--r-lg); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line); border-top: 4px solid var(--tone); scroll-margin-top: 120px; }
.rs-card[data-tone="mens"] { --tone: var(--dusk); }
.rs-card .rs-tag { align-self: flex-start; }
.rs-card h3 { margin: 0; font-size: 1.3rem; line-height: 1.25; }
.rs-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rs-list li { display: flex; gap: 10px; align-items: flex-start; color: var(--ink-soft); line-height: 1.45; }
.rs-list .ic { flex: none; margin-top: 2px; color: var(--tone); }
.rs-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: auto; padding-top: 6px; font-size: .92rem; }

.rs-records { scroll-margin-top: 120px; }
.rs-records .rs-tag { margin-bottom: 4px; }
.rs-side { display: grid; align-content: start; gap: 16px; }
.rs-forms { flex-direction: column; align-items: flex-start; }
.rs-hipaa { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 12px 14px; border-radius: var(--r); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-soft); font-size: .9rem; }
.rs-hipaa .ic { flex: none; margin-top: 2px; color: var(--sage); }

.rs-state-grid .stack { margin-top: 14px; }
.rs-fine { margin: 18px 0 0; color: var(--muted); font-size: .9rem; }

@media (max-width: 1000px) {
  .rs-hero .page-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .rs-cards { grid-template-columns: 1fr; }
}