.legal-help [hidden] { display: none; }
.legal-help-item { margin: 1rem 0; background: #231a28; border: 1px solid #725a66; border-radius: .8rem; color: #f6eced; }
.legal-help-item > summary { padding: 1rem 1.15rem; color: #f6d8a4; font-weight: 600; cursor: pointer; }
.legal-help-item[open] > summary { border-bottom: 1px solid #634b5a; }
.legal-help-form { margin: 1.15rem; }
.legal-help-form fieldset { padding: 0; margin: 0; border: 0; min-inline-size: 0; display: grid; gap: .45rem; }
.legal-help-form label { font-size: .96rem; color: #f6e9d9; }
.legal-help-form :is(input, textarea, select) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #8d7485; background: #19141e; color: #f6eced; border-radius: .45rem; padding: .7rem; font: inherit; }
.legal-help-form textarea { resize: vertical; }
.legal-help-form :is(input, select) + label { margin-top: .7rem; }
.legal-help .legal-help-note { margin: .2rem 0 .6rem; color: #d4c3d0; font-size: .88rem; line-height: 1.55; }
.legal-help button { justify-self: start; max-width: 100%; border: 1px solid #e8c987; border-radius: .5rem; padding: .6rem .95rem; background: #ead09f; color: #2c1c18; font: inherit; font-weight: 650; cursor: pointer; }
.legal-help button:disabled { opacity: .7; cursor: wait; }
.legal-help :is(input, select, textarea, summary, button):focus-visible { outline: 2px solid #f6d697; outline-offset: 3px; }
.legal-help .legal-help-feedback { margin: .65rem 0 0; font-size: .91rem; color: #f4d6ad; }
.legal-help .legal-help-feedback:empty { margin: 0; }
.legal-help-ticket { margin: 1.15rem; padding: 1rem; border: 1px solid #9c7b57; border-radius: .55rem; background: #211b22; }
.legal-help-ticket h3, .legal-help-ticket h4 { margin: 0 0 .4rem; color: #f6d8a4; }
.legal-help-ticket p { overflow-wrap: anywhere; }
.legal-help-ticket dl { margin: 1rem 0; }
.legal-help-ticket dt { color: #ebd4af; font-size: .88rem; }
.legal-help-ticket dd { margin: .2rem 0 .65rem; font-family: ui-monospace, monospace; overflow-wrap: anywhere; user-select: all; }
.legal-help-original { margin: .85rem 0 0; }
.legal-help-original summary { cursor: pointer; font-size: .92rem; }
.legal-help [data-help-reply], .legal-help [data-help-original] { white-space: pre-wrap; }
.legal-help-admin { margin-top: 2rem; border-top: 1px solid #725a66; padding-top: 1.25rem; }
.legal-help-admin .legal-help-item { margin-block: .75rem; }
.legal-help-admin .legal-help-item > summary { overflow-wrap: anywhere; }
.legal-help-admin-body { margin: 1rem 1.15rem; }
.legal-help-admin-message { white-space: pre-wrap; overflow-wrap: anywhere; }
