/* TextBases Article Shell Component V1 */
.tb-article-page {
  width: min(100%, 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.tb-article-body {
  display: grid;
  gap: 24px;
}

.tb-article-section,
.tb-article-page .tb-card,
.tb-article-page .tb-callout,
.tb-article-page .tb-faq-item,
.tb-article-page .tb-tool-cta-card,
.tb-article-page .tb-related-card {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.tb-article-page pre,
.tb-article-page code,
.tb-article-page .tb-code-sample {
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 900px) {
  .tb-article-page {
    width: 100%;
    max-width: 100%;
    padding-left: clamp(14px, 4vw, 28px);
    padding-right: clamp(14px, 4vw, 28px);
    overflow-x: hidden;
  }

  .tb-article-page .tb-grid-2,
  .tb-article-page .tb-grid-3,
  .tb-article-page .tb-related-grid,
  .tb-article-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}