/* Shareable "Ma date FIRE" card (Express and simulator). */
.sfd-card { margin: 1.5rem 0 0; padding: 1.25rem; border: 1px solid #e5e5e0; border-radius: .9rem; background: #fff; color: #0d0d0d; text-align: left; }
.sfd-card[hidden] { display: none; }
.sfd-eyebrow { margin: 0 0 .3rem; color: #b4232f; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sfd-title { margin: 0 0 .35rem; font-size: 1.15rem; line-height: 1.25; letter-spacing: -.02em; }
.sfd-copy { margin: 0 0 1rem; color: #5c6370; font-size: .9rem; line-height: 1.5; }
.sfd-canvas { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 0 1rem; border: 1px solid #e5e5e0; border-radius: .7rem; }
.sfd-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.sfd-btn { min-height: 44px; padding: .65rem 1rem; border: 1px solid #b9b9b2; border-radius: .7rem; background: #fff; color: #b4232f; font: inherit; font-weight: 700; cursor: pointer; }
.sfd-btn[hidden] { display: none; }
.sfd-primary { border-color: #b4232f; background: #b4232f; color: #fff; }
.sfd-btn:focus-visible { outline: 3px solid #f5a623; outline-offset: 3px; }
.sfd-status { min-height: 1.2rem; margin: .6rem 0 0; color: #166534; font-size: .88rem; font-weight: 700; overflow-wrap: anywhere; }