/* Nafas · page Ressources (v2) */

/* sommaire de page : pilules façon .tabs */
.anchors { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); }
.anchors a { display: inline-flex; align-items: center; gap: .5rem; height: 2.5rem; padding: 0 1rem; border-radius: var(--radius-pill); border: .125rem solid var(--line); background: var(--surface); font-size: var(--text-sm); font-weight: 700; color: var(--ink-2); transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast); }
.anchors a svg { width: 1rem; height: 1rem; }
.anchors a:hover { border-color: var(--ink); color: var(--ink); }
@media (max-width: 900px) { .anchors { justify-content: center; } }

.section[id] { scroll-margin-top: var(--header-h); }

/* cartes d’articles */
.article-card { display: grid; grid-template-rows: auto 1fr auto; }
.article-card .chip { margin-bottom: var(--space-4); justify-self: start; }
.article-card h3 { font-size: var(--text-lg); max-width: 22em; }
.article-card .card__foot { font-weight: 700; font-size: var(--text-sm); color: var(--ink-3); }
.article-card .card__foot svg { width: 1.1rem; height: 1.1rem; color: var(--ink); }

/* podcasts dans un bloc teinté */
.podcasts .section-head { margin-bottom: var(--space-5); }
.podcasts .lede { color: var(--ink-2); }
.episode__idx { color: var(--ink-3); margin-right: .45rem; }
.episode__meta { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
@media (max-width: 600px) {
  .episode { grid-template-columns: 3.25rem minmax(0, 1fr); }
  .episode__meta { grid-column: 2; flex-direction: row; align-items: center; }
}

/* téléchargements */
.dl { display: grid; grid-template-rows: auto 1fr auto; }
.dl__kind { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: var(--text-sm); color: var(--green-deep); margin-bottom: var(--space-4); }
.dl__kind svg { width: 1rem; height: 1rem; }
.dl h3 { font-size: var(--text-lg); }
.dl .card__foot { font-weight: 700; font-size: var(--text-sm); color: var(--ink); }
.dl .card__foot svg { width: 1.1rem; height: 1.1rem; }
.dl__preview { margin-top: var(--space-4); padding: var(--space-4) var(--space-5); border-radius: var(--radius-sm); background: var(--surface); font-weight: 800; letter-spacing: -.02em; font-size: var(--text-lg); line-height: 1.2; color: var(--ink); }
.dl__preview span { display: block; font-weight: 700; font-size: var(--text-xs); letter-spacing: 0; color: var(--ink-3); margin-bottom: .35rem; }