/* =========================================================
   Single article UI
   ========================================================= */
body.bz-dashboard-ui.single-post :is(.article, .entry-content) {
  color: var(--bz-text);
}

body.bz-dashboard-ui.single-post .entry-content {
  line-height: 1.9;
}

/* H2 = dashboard section heading turned into a content card */
body.bz-dashboard-ui.single-post .article .entry-content > h2,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h2) {
  position: relative;
  margin: 2.75em 0 1.15em !important;
  padding: 20px 24px 20px 36px !important;
  border: 1px solid var(--bz-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #fff 0%, #f7f8ff 100%) !important;
  color: var(--bz-text) !important;
  box-shadow: var(--bz-shadow-soft) !important;
  font-size: clamp(1.42rem, 2.4vw, 1.82rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em !important;
}

body.bz-dashboard-ui.single-post .article .entry-content > h2::before,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h2)::before {
  content: "" !important;
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 15px;
  width: 8px;
  border: 0 !important;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--bz-primary), var(--bz-accent)) !important;
  box-shadow: 0 7px 18px rgba(68,95,225,.18);
}

body.bz-dashboard-ui.single-post .article .entry-content > h2::after,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h2)::after {
  content: none !important;
}

/* H3 = lighter nested section */
body.bz-dashboard-ui.single-post .article .entry-content > h3,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h3) {
  position: relative;
  margin: 2.05em 0 .9em !important;
  padding: 15px 18px 15px 20px !important;
  border: 1px solid var(--bz-border-soft) !important;
  border-left: 5px solid var(--bz-primary) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(50,111,237,.07), rgba(129,122,245,.08)) !important;
  color: var(--bz-text) !important;
  box-shadow: none !important;
  font-size: clamp(1.16rem, 1.8vw, 1.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
}

body.bz-dashboard-ui.single-post .article .entry-content > h3::before,
body.bz-dashboard-ui.single-post .article .entry-content > h3::after,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h3)::before,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h3)::after {
  content: none !important;
}

/* H4 keeps the hierarchy quiet */
body.bz-dashboard-ui.single-post .article .entry-content > h4,
body.bz-dashboard-ui.single-post .article .entry-content .wp-block-heading:is(h4) {
  margin: 1.8em 0 .75em !important;
  padding: 0 0 8px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bz-border) !important;
  border-left: 4px solid var(--bz-accent) !important;
  background: transparent !important;
  color: var(--bz-text) !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}

body.bz-dashboard-ui.single-post .article .entry-content :where(h2, h3, h4) {
  scroll-margin-top: 92px;
}

/* TOC */
body.bz-dashboard-ui.single-post .toc,
body.bz-dashboard-ui.single-post .toc-content {
  border-color: var(--bz-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #fff, var(--bz-surface-soft)) !important;
  box-shadow: var(--bz-shadow-soft) !important;
}

body.bz-dashboard-ui.single-post .toc-title {
  color: var(--bz-text) !important;
  font-weight: 900 !important;
}

body.bz-dashboard-ui.single-post .toc a:hover {
  color: var(--bz-primary) !important;
}

/* Cocoon boxes / quotes */
body.bz-dashboard-ui.single-post .entry-content :is(
  blockquote,
  .information-box,
  .question-box,
  .memo-box,
  .comment-box,
  .good-box,
  .bad-box,
  .primary-box,
  .blank-box
) {
  border-radius: var(--bz-radius-sm) !important;
}

body.bz-dashboard-ui.single-post .entry-content blockquote {
  border: 1px solid var(--bz-border) !important;
  background: var(--bz-surface-soft) !important;
  box-shadow: var(--bz-shadow-soft) !important;
}

/* Tables */
body.bz-dashboard-ui.single-post .entry-content .scrollable-table,
body.bz-dashboard-ui.single-post .entry-content .wp-block-table {
  border-radius: 16px;
}

body.bz-dashboard-ui.single-post .entry-content table {
  border: 1px solid var(--bz-border) !important;
  background: var(--bz-surface) !important;
}

body.bz-dashboard-ui.single-post .entry-content table th {
  background: linear-gradient(135deg, rgba(50,111,237,.1), rgba(129,122,245,.1)) !important;
  color: var(--bz-text) !important;
  font-weight: 900 !important;
}