/* Nafas · page Faire un don (v2) */
.hero .hero__grid { padding-block: var(--space-4) var(--space-2); }

/* inline donation card, mirrors the drawer */
.don-card { box-shadow: var(--shadow-md); max-width: 28rem; width: 100%; justify-self: end; text-align: left; }
@media (max-width: 900px) { .don-card { justify-self: center; } }
.don-card__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-5); }
.don-card .tier { padding: .6rem .5rem; min-height: 4.5rem; gap: .15rem; text-align: center; }
.don-card .tier small { line-height: 1.2; }
.don-card .don-card__cta { margin-top: var(--space-5); }
.don-card .don-card__fine { font-size: var(--text-xs); color: var(--ink-3); margin-top: var(--space-3); line-height: 1.45; }
.don-card .don-card__fine svg { width: .85rem; height: .85rem; vertical-align: -2px; margin-right: .25rem; display: inline; }

/* budget tables in white cards */
.budget h3 { font-size: var(--text-xl); }
.budget > .small { margin-bottom: var(--space-4); }
.table tfoot td { border-bottom: 0; border-top: .125rem solid var(--line); font-weight: 800; color: var(--ink); }
.table td { color: var(--ink-2); }
.table td:first-child { font-weight: 600; color: var(--ink); }
.table td.n { color: var(--ink); white-space: nowrap; }
.table td + td, .table th + th { padding-left: var(--space-4); }
@media (max-width: 600px) { .table { font-size: var(--text-xs); } }

/* quarterly report card */
.report__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--space-4); }
.report__list li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4) 0; border-top: 1px solid var(--line); }
.report__idx { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--sun); color: var(--ink); font-weight: 800; }
.report h3 { font-size: var(--text-lg); margin-bottom: .25rem; }
.report p { font-size: var(--text-sm); }

/* other ways */
.way { display: flex; flex-direction: column; gap: var(--space-3); }
.way__icon { width: 3rem; height: 3rem; border-radius: 50%; display: inline-grid; place-items: center; margin-bottom: var(--space-2); }
.way__icon svg { width: 1.35rem; height: 1.35rem; color: var(--ink); }
.way h3 { margin-bottom: 0; font-size: var(--text-lg); }
.way p { flex: 1; font-size: var(--text-sm); }
.way .arrow-link { font-size: var(--text-sm); margin-top: var(--space-2); }

/* closing block */
.block--night.block__grid > p { align-self: end; }