/* ==========================================================================
   Rapport — colophon : la lecture se referme sur l'émotion, avec la date de scellement
   et le lien personnel à garder. Référence : design/maquettes/rapport/ (« Pied de lecture »).
   ========================================================================== */

.colophon { padding: 48px 16px 56px; text-align: center; max-width: 640px; margin: 0 auto; border-top: 1px solid var(--line); }
.colophon__stamp { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 8px; background: var(--seal); color: var(--on-seal); font-size: 28px; }
.colophon__close { margin: 16px auto 0; max-width: 22em; font: italic 400 22px/1.4 var(--font-display); }
.colophon .meta { margin-top: 10px; font-size: 13px; color: var(--ink-3); }
.colophon__link { margin: 28px auto 0; max-width: 28em; padding: 16px 18px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: var(--r-md); background: var(--surface); text-align: left; display: grid; gap: 12px; }
.colophon__link p { font-size: 14px; color: var(--ink-2); line-height: 1.5; }
.colophon__link strong { color: var(--ink); }
.colophon__link .btn { justify-self: start; }