.support-public-page { width: min(100% - 2rem, 48rem); margin: 2.5rem auto 4rem; color: var(--ui-foreground); }
.support-public-heading { margin-bottom: 1.5rem; }
.support-public-heading h1, .support-public-result h1 { font-size: clamp(1.75rem, 4vw, 2.25rem); line-height: 1.2; margin: .5rem 0 1rem; }
.support-public-heading p { max-width: 42rem; line-height: 1.6; }
.support-public-eyebrow { color: var(--ui-muted-foreground); font-size: .875rem; font-weight: 600; }
.support-public-card { padding: 1.75rem; }
.support-public-form { display: grid; gap: 1.25rem; }
.support-public-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; }
.support-public-field { display: grid; min-width: 0; gap: .5rem; }
.support-public-field label { display: block; font-weight: 600; font-size: .9rem; }
.support-public-field label .support-public-optional { display: inline; margin-left: .25rem; }
.support-public-field .ui-input { width: 100%; min-width: 0; box-sizing: border-box; }
.support-public-field textarea { min-height: 10rem; resize: vertical; }
.support-public-optional, .support-public-help { color: var(--ui-muted-foreground); font-weight: 400; font-size: .8rem; line-height: 1.5; }
.support-public-help { margin: 0; overflow-wrap: anywhere; }
.support-public-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.support-public-actions .btn { min-height: 44px; }
.support-public-trap { display: none; }
.support-public-field .errorlist { margin: 0; padding-left: 1rem; color: var(--ui-danger); font-size: .875rem; }
.support-public-result p { line-height: 1.6; margin-bottom: 1.25rem; }
@media (max-width: 640px) {
  .support-public-nav { display: none; }
  .support-public-page { margin-top: 1.5rem; }
  .support-public-card { padding: 1.25rem; }
  .support-public-row { grid-template-columns: minmax(0, 1fr); }
  .support-public-actions { align-items: stretch; flex-direction: column; }
}