/* REACTIONS 001: controls above the card link; native forms work without JS. */
.feedback-form { position: relative; z-index: 2; display: inline-flex; margin: 0; }
.feedback-button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-block-size: 2.75rem; min-inline-size: 2.75rem; padding: .4rem .6rem; border: 1px solid transparent; border-radius: .85rem; background: transparent; color: var(--ft-muted); font: inherit; font-size: .8125rem; cursor: pointer; }
.feedback-button:hover { background: var(--ft-pink); color: #92134d; }
.feedback-button[aria-pressed="true"] { background: #fff0f6; border-color: #efcbdf; color: #92134d; }
.feedback-button:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 3px; }
.feedback-heart { font-family: system-ui, sans-serif; font-size: 1.65rem; line-height: 1; color: #b12b69; }
.feedback-readonly { min-block-size: 2.75rem; gap: .4rem; }
.support-pin { display: table; max-inline-size: 100%; margin: 1rem 0 .25rem auto; padding: .65rem 1rem; border-radius: 1.4rem .75rem 1.5rem .85rem; background: linear-gradient(115deg, #f7edff, #fff0f8); color: #74446e; font-size: .8125rem; font-weight: 550; line-height: 1.5; letter-spacing: .01em; overflow-wrap: anywhere; }
.question-card:target { border-color: var(--ft-primary); }
.question-card, .answer-card { scroll-margin-block-start: 6rem; }