/* /resources and /resources/<topic>. Loaded after site.css, speakers.css and needs.css; uses their tokens. */
.res-disclose { margin: 0 0 18px; padding: 12px 16px; border: 1px solid var(--gold); border-radius: var(--radius); background: rgba(227, 180, 92, .07); font-size: 15px; line-height: 1.5; color: var(--mist); }
.res-disclose strong { color: var(--ink); }
.res-nav { padding-bottom: 8px; }
.res-topic { display: flex; flex-direction: column; gap: 14px; padding-block: 28px 36px; border-top: 1px solid var(--hair); }
.res-h { margin: 0; }
.res-lede { margin: 0; color: var(--mist); }
.res-h3 { display: flex; align-items: center; gap: 10px; margin: 10px 0 0; font-size: 18px; color: var(--ink); }
.res-step { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--gold); font-family: var(--f-mono); font-size: 13px; color: var(--gold); }
.res-more { margin: 0; }
.res-by { display: block; margin-top: 2px; font-size: 14px; color: var(--faint); }
.res-by a { color: var(--mist); }
.res-books .btn { min-height: 44px; display: inline-flex; align-items: center; }
html[data-resources-page] .lib .chips { display: none; }
@media (max-width: 600px) {
  .res-books .spk-buy { width: 100%; }
  .res-books .spk-buy .btn { flex: 1 1 0; justify-content: center; }
}