/* Support page: the legal shell plus one form. */
.support-form { margin-top: 1.6rem; display: grid; gap: 1rem; }
.support-form fieldset { border: 1px solid var(--line); border-radius: .8rem; padding: .8rem 1rem 1rem; }
.support-form legend { padding: 0 .4rem; font-weight: 600; font-size: .9rem; }
.support-kinds { display: flex; flex-wrap: wrap; gap: .5rem .9rem; }
.support-kinds label { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: 0 .8rem; border: 1px solid var(--line); border-radius: var(--r-pill); font-size: .9rem; cursor: pointer; }
.support-kinds label:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); color: var(--ink); }
.support-form > label { display: grid; gap: .35rem; font-weight: 600; font-size: .9rem; }
.support-form input[type="text"], .support-form select, .support-form textarea { width: 100%; box-sizing: border-box; min-height: 44px; padding: .6rem .8rem; border: 1px solid var(--line); border-radius: .6rem; background: var(--surface); color: var(--ink); font: inherit; font-weight: 400; }
.support-form textarea { resize: vertical; line-height: 1.6; }
.support-req { margin-left: .4rem; color: var(--muted); font-weight: 400; font-size: .78rem; }
.support-auto, .support-note { color: var(--muted); font-size: .84rem; line-height: 1.65; }
.support-preview { margin: 0; padding: .9rem 1rem; max-height: 16rem; overflow: auto; border: 1px dashed var(--line); border-radius: .6rem; background: var(--panel); color: var(--muted); font-size: .78rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.support-actions .button { min-height: 44px; }
.support-state { min-height: 1.4em; color: var(--accent-ink, var(--accent)); font-size: .88rem; }
.support-list { margin: 1rem 0 0; padding-left: 1.2rem; color: var(--muted); font-size: .92rem; line-height: 1.7; }
.support-list li { margin-top: .5rem; }
.support-list a { color: var(--ink); }