/* Native MDX pages use the same blog layout without copied HTML wrappers. */
[data-qb-post] { display: none !important; }
body:has([data-qb-post]) nav[aria-label="Breadcrumb"],
body:has([data-qb-post]) #sidebar,
body:has([data-qb-post]) #sidebar-content,
body:has([data-qb-post]) #content-area article > nav,
body:has([data-qb-post]) #page-context-menu,
body:has([data-qb-post]) .eyebrow,
body:has([data-qb-post]) #pagination { display: none !important; }
body:has([data-qb-post]) #content-area {
  --qb-article-top: 48px;
  --qb-article-side: 40px;
  position: relative;
  max-width: 1000px !important;
  padding: var(--qb-article-top) var(--qb-article-side) 100px !important;
  margin: 0 auto !important;
  color: #161a17;
}
body:has([data-qb-post]) #adoc-layout,
body:has([data-qb-post]) #adoc-main-region,
body:has([data-qb-post]) [id^="content-container-"],
body:has([data-qb-post]) #content-area { background:transparent !important; }
.adoc-mdx-content:has([data-qb-post]) :is(strong, blockquote) { color:inherit; }
.qb-grid[hidden] { display:none; }
.dark body:has([data-qb-post]) #content-area { color:#e8eee8; }
body:has([data-qb-post]) #content-area > div,
body:has([data-qb-post]) #content-area article { max-width: none !important; }
body:has([data-qb-post]) #content-area .qb-back {
  position: absolute;
  top: var(--qb-article-top);
  left: var(--qb-article-side);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #0f0d0c;
  font-family: "Instrument Sans", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.dark body:has([data-qb-post]) #content-area .qb-back { color: #e8eee8; }
.qb-back-arrow { font-size: 16px; line-height: 16px; }
.qb-back-label { font-size: 16.38px; font-weight: 600; }
body:has([data-qb-post]) #content-area header:has(#page-title) { padding-top: 84px; }
body:has([data-qb-post]) #content-area .qb-date {
  position: absolute;
  top: calc(var(--qb-article-top) + 52px);
  left: var(--qb-article-side);
  margin: 0 !important;
}
body:has([data-qb-post]) #page-title { font-size:36px; line-height:1.4; font-weight:600; letter-spacing:-1px; color:inherit; }
body:has([data-qb-post]) #content-area article > .prose { font-size:16px; line-height:1.8; margin-top:20px; padding-bottom:32px; border-bottom:1px solid #dfe4dd; }
body:has([data-qb-post]) .adoc-mdx-content > .prose { margin-top:38px; font-size:16px; line-height:1.6; color:inherit; }
.dark body:has([data-qb-post]) #content-area article > .prose { border-color:#30392f; }
.qb-status { color:#787f77 !important; font-size:14px; margin-bottom:20px !important; }
.qb-status:empty { display:none; }
.qb-retry { text-decoration:underline; padding:4px 8px; }
.qb-card-pending { padding:24px; min-height:160px; border:1px solid #dfe4dd !important; border-radius:12px; }
@media(max-width:640px) {
  body:has([data-qb-post]) #content-area {
    --qb-article-top: 28px;
    --qb-article-side: 20px;
    padding-bottom: 64px !important;
  }
  body:has([data-qb-post]) #page-title { font-size:28px; }
}