/* Private support interface: same visual identity as the public website. */
body { background: var(--bg-soft, #f5f7fc); }
main.container { max-width: 880px; }
main > .section { padding-top: 32px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.7rem); }
form { margin: 24px 0; padding: 24px; border: 1px solid var(--line, #dce2ed); border-radius: 18px; background: #fff; }
label { font-weight: 600; }
label small { font-weight: 400; color: var(--muted, #526078); }
input:not([type="checkbox"]):not([type="hidden"]), textarea, select { box-sizing: border-box; display: block; width: 100%; max-width: 100%; margin-top: 7px; border: 1px solid #a9b4c8; border-radius: 9px; padding: 11px 12px; color: var(--ink, #12182b); background: #fff; font: inherit; }
textarea { resize: vertical; min-height: 110px; }
input[type="checkbox"] { width: 19px; height: 19px; vertical-align: middle; margin: 0 8px 0 0; }
button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 0; border-radius: 999px; padding: 11px 20px; margin-top: 12px; background: var(--blue, #2156e8); color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
button:hover { filter: brightness(.94); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid var(--orange, #ff7a1a); outline-offset: 3px; }
.card { margin: 16px 0; overflow-wrap: anywhere; }
dt { margin-top: 12px; font-weight: 700; }
dd { margin-left: 0; white-space: normal; overflow-wrap: anywhere; }
li, p { overflow-wrap: anywhere; }
@media (max-width: 560px) { form { padding: 16px; } button { width: 100%; } }