/* The feedback form (feedback.html). */
.fb { margin: 26px 0 10px; display: grid; gap: 10px; max-width: 720px; }
.fb-kind { border: 0; padding: 0; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 10px; }
.fb-kind legend { font-weight: 600; margin-bottom: 10px; padding: 0; }
.fb-kind label { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--line);
  border-radius: 999px; background: var(--card); cursor: pointer; }
.fb-kind input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fb-kind svg, .fb-go svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; flex: none; }
.fb-kind label:has(input:checked) { border-color: var(--accent); background: var(--soft); box-shadow: inset 0 0 0 1px var(--accent); }
.fb-kind label:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.fb-field { font-weight: 600; font-size: 14.5px; margin-top: 6px; }
.fb textarea, .fb input[type=email], .fb input[type=text] { width: 100%; font: inherit; color: var(--fg);
  background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.fb textarea:focus-visible, .fb input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
.fb-row { display: grid; grid-template-columns: 2fr 1fr; gap: 14px; }
@media (max-width: 640px) { .fb-row { grid-template-columns: 1fr; } }
.fb-trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.fb-send { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.fb-go { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 44px; padding: 0; }
.fb-go[disabled] { opacity: .55; cursor: progress; }
.fb-status { margin: 0; color: var(--muted); }
.fb-status.ok { color: var(--fg); font-weight: 600; }
.fb-status.bad { color: var(--pro); }
.fb-note { color: var(--muted); font-size: 14.5px; max-width: 720px; }
