/* Patient feedback forms: the HIMS portal form in a fixed-height frame (see Feedback::FORMS for the heights). */
/* Hero heading at the size of the department pages' heroes. */
.feedback-hero h1 { font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.15; }
@media (max-width: 575.98px) { .feedback-hero h1 { font-size: 1.8rem; } }
.feedback-areas { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 1.5rem; }
.feedback-areas span { color: var(--muted); font-size: .85rem; font-weight: 600; }
.feedback-areas a { display: inline-flex; align-items: center; min-height: 40px; padding: .45rem 1rem; border: 1px solid #cfdcec; border-radius: 999px; background: #fff; color: var(--kih-blue); font-size: .88rem; font-weight: 600; text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.feedback-areas a:hover, .feedback-areas a[aria-current="page"] { border-color: var(--kih-blue); background: var(--kih-blue); color: #fff; }
.feedback-form { display: block; width: 100%; height: var(--feedback-height); border: 0; background: #fff; }
.dc-page .feedback-fallback { margin: 1rem 0 0; color: var(--muted); font-size: .85rem; text-align: center; }
.feedback-fallback a { color: var(--kih-red); font-weight: 600; }
@media (max-width: 767.98px) {
    .feedback-areas span { width: 100%; }
    .feedback-form { height: var(--feedback-height-sm); }
}
@media (prefers-reduced-motion: reduce) { .feedback-areas a { transition: none; } }