/* Styles scoped to the parents' scoliosis questions article. */
.questions-article .blog-article-body figure {
  width: min(100%, 620px);
  margin: 2rem auto;
  padding: .65rem;
  background: #f5f8fb;
  border: 1px solid rgb(4 55 112 / 12%);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgb(4 55 112 / 8%);
}
.questions-article .blog-article-body figure img { display: block; width: 100%; height: auto; border-radius: 7px; }
.questions-article .blog-article-body figcaption { margin: .65rem .4rem .25rem; color: rgb(4 55 112 / 76%); font-size: .84rem; line-height: 1.5; text-align: center; }
.questions-article .toc, .questions-article .note { margin: 1.75rem 0; padding: 1.1rem 1.3rem; background: rgb(4 55 112 / 5%); border-left: 4px solid var(--color-accent); border-radius: 4px; }
.questions-article .toc ul { columns: 2; padding-left: 1.25rem; }
.questions-article .toc li { break-inside: avoid; margin: .25rem 0; }
.questions-article .note { background: rgb(230 121 48 / 8%); }
.questions-article .faq { margin-top: 2.5rem; padding-top: .5rem; border-top: 1px solid rgb(4 55 112 / 15%); }
.questions-article .sources { padding-left: 1.3rem; }
.questions-article .sources li { margin: .55rem 0; }
.questions-article .blog-article-body small { font-size: .9em; }
@media (max-width: 560px) { .questions-article .toc ul { columns: 1; } .questions-article .blog-article-body figure { margin: 1.5rem auto; padding: .4rem; } }