body { letter-spacing: 0; overflow-wrap: anywhere; }
:is(input, textarea, select) { font-size: 16px !important; min-width: 0; }
:is(button, .btn, .button, .settings-button, .settings-link) { min-height: 44px; letter-spacing: 0; }
:is(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid #6cdec5; outline-offset: 3px; }
h1, h2, h3 { letter-spacing: 0 !important; }
.actions, .member-actions, .settings-actions { flex-wrap: wrap; }
.settings-panel form + form { margin-top: 12px; }
@media (max-width: 760px) {
  body { font-size: 16px; }
  h1, .settings-head h1, .auto-wrap .settings-head h1 { font-size: 26px; line-height: 1.5; }
  h2 { font-size: 22px; line-height: 1.5; }
  .wrap, .settings-wrap { width: calc(100% - 32px); padding-top: 24px; }
  .panel, .account-panel, .settings-panel { padding: 20px 16px; }
  .account-main { padding: 24px 0 40px; }
  .account-header { gap: 8px; }
  .account-brand { gap: 8px; font-size: 14px; }
  .account-brand img { width: 36px; height: 36px; }
  .account-header .button { padding: 8px 12px; font-size: 14px; white-space: nowrap; }
  .member-item, .post-item { min-width: 0; }
  .member-actions { width: 100%; }
  .member-actions form { flex: 1 1 96px; }
  .member-actions button { width: 100%; }
  .post-item { grid-template-columns: 64px minmax(0, 1fr); }
  .post-item img { width: 64px; height: 64px; }
  .post-item form { grid-column: 2; justify-self: start; }
}