/* Help and support use v3 page containers independently of unconverted routes. */
main.route-help.page-width, main.route-support.page-width { width: 100%; max-width: none; padding: 0; }
.help-page, .support-page { width: 100%; }
.help-page .help-content.page-width, .support-page .support-content.page-width { width: 100%; max-width: var(--page-width); padding: 16px var(--space-7) 56px; display: flex; flex-direction: column; gap: 24px; }
.help-section-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.help-intro { max-width: 760px; gap: 8px; }
.help-page .panel, .support-page .panel { padding: var(--space-7); }
.help-search { max-width: 900px; width: 100%; }
.help-search .input { padding-right: 100px; }
.help-result-section { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
#help-results { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.help-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.help-guide { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.help-guide ol { display: flex; flex-direction: column; gap: 10px; margin: 0; padding-left: 22px; font-size: 15px; color: var(--prose); }
.help-guide li { padding-left: 3px; }
.help-guide li::marker { color: var(--teal); font-weight: 700; }
.help-entry-links { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.help-entry-links .button { white-space: normal; text-align: left; justify-content: flex-start; }
.help-page .faq .answer { display: flex; flex-direction: column; gap: 12px; }
.help-empty, .support-service-state { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.help-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.help-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.help-contact > .help-section-copy { flex: 1 1 300px; }
.help-contact .tool-icon { width: 48px; height: 48px; }
.support-feedback:empty { display: none; }
.support-feedback { overflow-wrap: anywhere; }
.help-support-note p + p { margin-top: 8px; }
.help-support-note { overflow-wrap: anywhere; }
.support-layout { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; min-width: 0; }
.support-ticket-list { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.support-ticket-list .list-group { padding: 6px; }
.support-ticket-list .ticket { align-items: flex-start; }
.support-ticket-list .list-row-title, .support-ticket-list .list-row-sub { overflow-wrap: anywhere; }
.support-ticket-list .status { flex: none; }
.support-section-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-width: 0; }
.support-section-top > .help-section-copy { flex: 1 1 280px; }
.support-compose, .support-conversation { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.support-form { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.support-form .field { min-width: 0; }
.support-form input, .support-form select, .support-form textarea { font-size: 16px; }
.support-form > .button { align-self: flex-start; }
.support-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.support-thread-meta { overflow-wrap: anywhere; }
.support-messages { list-style: none; padding: 0; margin: 0; }
.support-messages .msg { overflow-wrap: anywhere; }
.support-messages p { white-space: pre-wrap; }
@container page (max-width: 760px) {
  .help-page .help-content.page-width, .support-page .support-content.page-width { padding-inline: var(--space-4); }
  .help-page .panel, .support-page .panel { padding: var(--space-5); }
  .help-guide-grid, .support-field-grid { grid-template-columns: minmax(0, 1fr); }
  .help-contact > .button, .support-form > .button { width: 100%; }
  .help-actions { flex-direction: column; align-items: stretch; }
  .help-actions .button { width: 100%; }
  .support-ticket-list .ticket { flex-wrap: wrap; }
  .support-ticket-list .ticket .list-row-body { flex-basis: 140px; }
  .support-ticket-list .ticket .status { margin-left: auto; }
}