/* Scoped to the feedback page. */
.feedback-page .page-header { padding-bottom: 35px; }
.feedback-eyebrow { color: var(--secondary-color); letter-spacing: .2em; margin-bottom: 16px; }
.feedback-page h1 { font-size: clamp(1.6rem, 5vw, 2.8rem); line-height: 1.5; }
.feedback-intro { white-space: pre-line; margin-top: 22px; line-height: 1.9; opacity: .85; }
.feedback-options { max-width: 760px; padding-bottom: 80px; }
.feedback-choice { text-align: center; margin-bottom: 28px; line-height: 1.8; }
.feedback-card { position: relative; padding: 30px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; background: rgba(255,255,255,.04); }
.feedback-number { font-family: 'Outfit', sans-serif; color: var(--secondary-color); letter-spacing: .15em; }
.feedback-card h2 { font-size: 1.3rem; margin: 8px 0 14px; }
.feedback-card p { line-height: 1.8; margin-bottom: 20px; }
.feedback-card .btn { max-width: 100%; white-space: normal; font: inherit; cursor: pointer; }
.feedback-card .feedback-note { font-size: .85rem; opacity: .75; margin: 12px 0 0; overflow-wrap: anywhere; }
.feedback-card [hidden] { display: none !important; }
.feedback-card :focus-visible { outline: 3px solid var(--secondary-color); outline-offset: 5px; }
.feedback-thanks { text-align: center; margin: 32px 0; line-height: 1.8; }
@media (max-width: 480px) { .feedback-card { padding: 24px 20px; } .feedback-card .btn { width: 100%; text-align: center; } }