/* Feedback page specific styles - minimal and complementary to base.css */
.hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: var(--space-8);
  margin-top: var(--space-8);
}
.hero__actions { display: flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }
.hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

.section { margin-top: var(--space-12); }
.grid-two { display: grid; gap: var(--space-6); grid-template-columns: 1.3fr 1fr; }
.grid-three { display: grid; gap: var(--space-6); grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; }
  .grid-two { grid-template-columns: 1fr; }
  .grid-three { grid-template-columns: 1fr; }
}

/* Feedback rating visual */
.rating-visual { font-size: var(--fs-xl); letter-spacing: 2px; margin-top: 4px; }
.rating-stars { color: var(--color-warning); font-weight: 700; margin-bottom: var(--space-3); }

/* Testimonials */
.testimonials-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(3, 1fr); }
.testimonials-image { margin-top: var(--space-6); }
@media (max-width: 960px) { .testimonials-grid { grid-template-columns: 1fr; } }

/* Survey mini stats */
.mini-stats { display: grid; gap: var(--space-3); }
.mini-stat { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--space-3); }
.mini-stat .bar { grid-column: 1 / -1; height: 8px; background: var(--gray-200); border-radius: var(--radius-pill); position: relative; overflow: hidden; }
.mini-stat .bar::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w, 0%); background: var(--gradient-primary); border-radius: var(--radius-pill); }
.mini-value { font-size: var(--fs-sm); color: var(--color-muted); }

/* FAQ */
.faq details { border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-4); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.faq details + details { margin-top: var(--space-3); }
.faq summary { cursor: pointer; font-weight: 700; }
.faq .answer { margin-top: var(--space-3); }

/* Contact */
.contact-card { display: grid; gap: var(--space-3); }
.contact-list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-2); }

/* Forms */
.help-text[role="status"] { min-height: 1.5em; }

/* Utilities for this page */
.text-gradient { background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; }