.support-layout {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  align-items: start;
  gap: var(--fsi-space-4);
}
.support-layout > *,
.support-form {
  min-width: 0;
}
.support-form,
.support-resolution {
  display: grid;
  gap: var(--fsi-space-3);
  margin-top: var(--fsi-space-4);
}
fieldset.support-form {
  padding: 0;
  border: 0;
  margin: 0;
}
.support-workspace textarea {
  width: 100%;
  min-height: 8rem;
  padding: var(--fsi-space-3);
  font: inherit;
  color: inherit;
  background: var(--fsi-card);
  border: 1px solid var(--fsi-border-strong);
  border-radius: var(--fsi-radius-sm);
  resize: vertical;
}
.support-cases,
.support-thread {
  display: grid;
  list-style: none;
  padding: 0;
  gap: var(--fsi-space-3);
}
.support-case {
  width: 100%;
  display: grid;
  gap: var(--fsi-space-1);
  padding: var(--fsi-space-3);
  border: 1px solid var(--fsi-border);
  border-radius: var(--fsi-radius-sm);
  background: var(--fsi-card);
  color: inherit;
  font: inherit;
  text-align: left;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.support-case[aria-current="true"] {
  border-color: var(--fsi-ink);
  background: var(--fsi-tint);
}
.support-case:disabled {
  cursor: default;
}
.support-case time,
.support-thread time {
  font-size: 0.8125rem;
  color: var(--fsi-text-muted);
}
.support-thread > li {
  padding: var(--fsi-space-4);
  border: 1px solid var(--fsi-border);
  border-radius: var(--fsi-radius-sm);
}
.support-thread > li[data-internal="true"] {
  background: var(--fsi-tint);
  border-style: dashed;
}
.support-thread p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin-bottom: 0;
}
.support-check {
  display: flex;
  align-items: flex-start;
  gap: var(--fsi-space-2);
  min-height: 44px;
}
.support-resolution {
  border-top: 1px solid var(--fsi-border);
  padding-top: var(--fsi-space-4);
}
@media (max-width: 850px) {
  .support-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

.support-workspace :is(h1, h2, h3, p) {
  overflow-wrap: anywhere;
}
.support-workspace summary {
  min-height: 44px;
  padding-block: var(--fsi-space-3);
  cursor: pointer;
}
