body#aiv-publication main#main .article-short-answer {
  box-sizing: border-box;
  max-inline-size: 76ch;
  margin-block: 0 1.5rem;
  padding: clamp(.875rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--short-answer-line, #decfba) !important;
  border-inline-start: 3px solid var(--short-answer-accent, #513764) !important;
  border-radius: .5rem !important;
  background-color: var(--short-answer-paper, #f8efdc) !important;
  color: var(--short-answer-ink, #392438);
}

body#aiv-publication main#main .article-short-answer > .article-short-answer-heading {
  margin: 0 0 .5rem !important;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  font-size: 1.0625rem !important;
  font-weight: 750;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none;
}

body#aiv-publication main#main .article-short-answer > ul {
  display: grid;
  gap: .25rem;
  margin: 0;
  padding-inline-start: 1.1rem;
  list-style: disc outside;
}

body#aiv-publication main#main .article-short-answer > ul > li {
  display: list-item;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 1rem;
  line-height: 1.5 !important;
}

body#aiv-publication main#main .article-short-answer > details.studio-short-version {
  margin: .75rem 0 0;
  padding: 0;
  border: 0;
  border-block-start: 1px solid var(--reader-line, #ddcdbc);
  border-radius: 0;
  background: transparent;
}

body#aiv-publication main#main .article-short-answer > details.studio-short-version > summary {
  font-size: 1rem;
}

body#aiv-publication main#main .article-short-answer > details.studio-short-version > p {
  font-size: 1rem;
  line-height: 1.55;
}

html[data-reader-theme="night"] .article-short-answer {
  --short-answer-line: #806c83;
  --short-answer-accent: #f8e69e;
  --short-answer-paper: #302635;
  --short-answer-ink: #fff6e7;
}
