/* Feedback page. Builds on ../app/app.css (tokens, header, panels, form controls). */
.narrow { max-width: 680px; }
.intro h1 { font-size: clamp(1.7rem, 4vw, 2.3rem); letter-spacing: -0.02em; margin-bottom: 6px; }
.intro p { color: var(--muted); }

.tabs.big { justify-self: start; }
.tabs.big .tab { font-size: .95rem; padding: 8px 18px; }

form.panel { display: grid; gap: 16px; }
.trap { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }
.fine.alt { text-align: center; }
.fine a { color: var(--accent); }
.fine a:hover { text-decoration: underline; }

.sent { text-align: center; display: grid; gap: 10px; justify-items: center; padding: 28px 20px; }
.sent .check { font-size: 2rem; }
.sent p { color: var(--muted); }

/* Author display rules (e.g. form.panel { display: grid }) would otherwise override [hidden]. */
[hidden] { display: none !important; }