/* =====================================================================
   BMT — The New Article  (bmt-the-new-article.css)
   Scope: .bmt-the-new-article
   Body:  body.bmt-new-article-template
   ===================================================================== */

/* =====================================================================
   0) 페이지 배경 + Kadence 억제
   ===================================================================== */
.post-template-single-bmt-the-new-article,
.post-template-single-bmt-the-new-article-php,
.post-template-single-bmt-the-new-article #page,
.post-template-single-bmt-the-new-article-php #page,
.post-template-single-bmt-the-new-article .site,
.post-template-single-bmt-the-new-article-php .site,
.post-template-single-bmt-the-new-article .site-content,
.post-template-single-bmt-the-new-article-php .site-content,
.post-template-single-bmt-the-new-article #main,
.post-template-single-bmt-the-new-article-php #main {
  background: #f1f3f8 !important;
}

.post-template-single-bmt-the-new-article .site-header,
.post-template-single-bmt-the-new-article-php .site-header {
  display: none !important;
}

/* ── 아바타 / 썸네일 / entry-header 완전 차단 ── */
.post-template-single-bmt-the-new-article .post-thumbnail,
.post-template-single-bmt-the-new-article-php .post-thumbnail,
.post-template-single-bmt-the-new-article .entry-thumbnail,
.post-template-single-bmt-the-new-article-php .entry-thumbnail,
.post-template-single-bmt-the-new-article .wp-post-image,
.post-template-single-bmt-the-new-article-php .wp-post-image,
.post-template-single-bmt-the-new-article .entry-header,
.post-template-single-bmt-the-new-article-php .entry-header,
.post-template-single-bmt-the-new-article .kadence-post-header,
.post-template-single-bmt-the-new-article-php .kadence-post-header,
.post-template-single-bmt-the-new-article .article-hero,
.post-template-single-bmt-the-new-article-php .article-hero,
.post-template-single-bmt-the-new-article .post-author,
.post-template-single-bmt-the-new-article-php .post-author,
.post-template-single-bmt-the-new-article .author-box,
.post-template-single-bmt-the-new-article-php .author-box,
.post-template-single-bmt-the-new-article .entry-meta,
.post-template-single-bmt-the-new-article-php .entry-meta,
.post-template-single-bmt-the-new-article .entry-title,
.post-template-single-bmt-the-new-article-php .entry-title,
.post-template-single-bmt-the-new-article figure.wp-block-post-featured-image,
.post-template-single-bmt-the-new-article-php figure.wp-block-post-featured-image {
  display: none !important;
}

body.bmt-new-article-template #colophon,
body.bmt-new-article-template .site-footer,
body.bmt-new-article-template footer.site-footer,
body.bmt-new-article-template .footer,
body.bmt-new-article-template .footer-wrap,
body.bmt-new-article-template .site-below-footer-wrap,
body.bmt-new-article-template .site-footer-wrap,
body.bmt-new-article-template .kadence-footer,
body.bmt-new-article-template .kadence-footer-wrap,
body.bmt-new-article-template .kadence-footer-area,
body.bmt-new-article-template .site-bottom-footer-wrap,
body.bmt-new-article-template .footer-navigation,
body.bmt-new-article-template .footer-menu-container,
body.bmt-new-article-template .footer-social-wrap,
body.bmt-new-article-template .footer-widget-area,
body.bmt-new-article-template .mobile-nav-wrap,
body.bmt-new-article-template .kadence-mobile-nav,
body.bmt-new-article-template .kadence-mobile-navigation,
body.bmt-new-article-template .kadence-sticky-footer,
body.bmt-new-article-template .site-footer-section {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

body.bmt-new-article-template .site,
body.bmt-new-article-template #page,
body.bmt-new-article-template #content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.post-template-single-bmt-the-new-article #gtx-trans,
.post-template-single-bmt-the-new-article-php #gtx-trans {
  display: none !important;
}


/* =====================================================================
   1) 루트 래퍼 + 토큰
   ===================================================================== */
.bmt-the-new-article {
  width: 100%;
  background: #f1f3f8;
  padding: 0 0 70px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #0b1220;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;

  --ink:        #0b1220;
  --muted:      rgba(11,18,32,.60);
  --subtle:     rgba(11,18,32,.36);
  --ghost:      rgba(11,18,32,.08);
  --paper:      #ffffff;
  --border:     rgba(11,18,32,.09);
  --accent:     rgba(67,56,202,.96);
  --accent-bg:  rgba(67,56,202,.06);
  --success:    #065f46;
  --success-bg: rgba(6,95,70,.06);
  --warning:    #78350f;
  --warning-bg: rgba(120,53,15,.06);
  --danger:     #7f1d1d;
  --danger-bg:  rgba(127,29,29,.06);
  --c1:         rgba(67,56,202,.90);
  --c2:         rgba(67,56,202,.52);
}

.bmt-the-new-article *, .bmt-the-new-article *::before, .bmt-the-new-article *::after {
  box-sizing: inherit;
}

.bmt-tna-wrap {
  max-width: 1060px;
  margin: 0 auto;
  padding: 16px 20px 60px;
}


/* =====================================================================
   2) 네비게이션
   ===================================================================== */
.bmt-custom-menu {
  background: #fff;
  border-bottom: 1px solid rgba(11,18,32,.09);
  position: sticky;
  top: 0;
  z-index: 100;
}
.bmt-custom-menu-container {
  max-width: 1060px;
  margin: 0 auto;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bmt-back-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 800;
  font-size: .74rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(11,18,32,.38);
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: inherit;
}
.bmt-back-btn:hover { color: #0b1220; }
.bmt-menu-links { display: flex; gap: 22px; }
.bmt-menu-link {
  font-weight: 850;
  font-size: .74rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(11,18,32,.48);
  text-decoration: none;
}
.bmt-menu-link:hover { color: #0b1220; }


/* =====================================================================
   3) SEC 라벨
   ===================================================================== */
.bmt-tna-sec-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 8px;
}
.bmt-tna-sec-n {
  background: #0b1220;
  color: #fff;
  font-weight: 900;
  font-size: .62rem;
  letter-spacing: .10em;
  padding: 3px 8px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: inherit;
}
.bmt-tna-sec-title {
  font-size: .74rem;
  font-weight: 700;
  color: rgba(11,18,32,.36);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bmt-tna-sec-sub {
  font-size: .70rem;
  color: rgba(11,18,32,.36);
  opacity: .6;
}


/* =====================================================================
   4) 카드
   ===================================================================== */
.bmt-card {
  background: #fff;
  border: 1px solid rgba(11,18,32,.09);
  border-radius: 3px;
  padding: 22px 24px;
  box-shadow: 0 2px 10px rgba(15,23,42,.05);
}
.bmt-card-top-bar {
  height: 3px;
  margin: -22px -24px 22px;
  background: rgba(67,56,202,.96);
}
.bmt-section-label {
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(67,56,202,.96);
  margin-bottom: 6px;
}
.bmt-section-h2 {
  margin: 0 0 6px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #0b1220;
  line-height: 1.3;
}
.bmt-section-p {
  margin: 0 0 18px;
  font-size: .88rem;
  color: rgba(11,18,32,.60);
  line-height: 1.70;
}


/* =====================================================================
   5) SEC 01 — HOOK
   ===================================================================== */
.bmt-hook-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 28px;
  align-items: start;
}
.bmt-hook-badge-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.bmt-hook-badge {
  background: rgba(67,56,202,.96);
  color: #fff;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: 3px 8px;
}
.bmt-hook-meta {
  font-size: .80rem;
  color: rgba(11,18,32,.60);
}
.bmt-hook-title {
  margin: 0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: #0b1220;
}
.bmt-hook-desc {
  margin: 0 0 18px;
  color: rgba(11,18,32,.60);
  font-size: .93rem;
  line-height: 1.70;
  max-width: 52ch;
}
/* 체크리스트 */
.bmt-hook-checklist {
  border-left: 3px solid rgba(67,56,202,.96);
  padding-left: 14px;
  margin-bottom: 20px;
}
.bmt-hook-checklist-title {
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(67,56,202,.96);
  margin-bottom: 10px;
}
.bmt-hook-check-item {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: .88rem;
  color: #0b1220;
  line-height: 1.55;
}
.bmt-hook-check-box {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background: rgba(67,56,202,.06);
  border: 1.5px solid rgba(67,56,202,.96);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .70rem;
  color: rgba(67,56,202,.96);
  font-weight: 900;
  margin-top: 1px;
}
/* 저자 */
.bmt-hook-author {
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
}
.bmt-hook-author-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #0b1220;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .58rem;
  font-weight: 900;
}
.bmt-hook-author-name {
  font-weight: 700;
  font-size: .82rem;
  color: #0b1220;
}
.bmt-hook-author-sep { opacity: .3; font-size: .82rem; }
.bmt-hook-author-source {
  font-size: .78rem;
  color: rgba(11,18,32,.72);
}


/* =====================================================================
   6) 다크 패널 (SEC 01 우측)
   ===================================================================== */
.bmt-dark-panel {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(11,18,32,.09);
  align-self: stretch;
}
/* KPI */
.bmt-dark-kpi {
  background: #0b1220;
  padding: 16px 18px;
}
.bmt-dark-kpi-label {
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.36);
  margin-bottom: 5px;
}
.bmt-dark-kpi-value {
  font-size: 2.8rem;
  font-weight: 950;
  color: #fff;
  letter-spacing: -.03em;
  line-height: 1;
  margin-bottom: 6px;
}
.bmt-dark-kpi-desc {
  font-size: .76rem;
  color: rgba(255,255,255,.42);
  line-height: 1.5;
}
.bmt-dark-kpi-source {
  font-size: .66rem;
  color: rgba(255,255,255,.42);
  margin-top: 3px;
}
/* 중간 stat 그리드 */
.bmt-dark-stats {
  display: grid;
  grid-template-columns: 108px 1fr;
  border-top: 1px solid rgba(11,18,32,.09);
  border-bottom: 1px solid rgba(11,18,32,.09);
  flex: 1;
}
.bmt-dark-stat-col {
  border-right: 1px solid rgba(11,18,32,.09);
  display: flex;
  flex-direction: column;
}
.bmt-dark-stat-item {
  flex: 1;
  padding: 11px 12px;
  border-top: 1px solid rgba(11,18,32,.09);
  border-left: 3px solid transparent;
}
.bmt-dark-stat-item:first-child {
  border-top: none;
  border-left: 3px solid rgba(67,56,202,.96);
}
.bmt-dark-stat-k {
  font-size: .56rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(11,18,32,.36);
  font-weight: 900;
  margin-bottom: 3px;
}
.bmt-dark-stat-v {
  font-size: 1.05rem;
  font-weight: 950;
  color: #0b1220;
  line-height: 1;
}
.bmt-dark-stat-s {
  font-size: .68rem;
  color: rgba(11,18,32,.72);
  margin-top: 2px;
}
/* 우측 요약 */
.bmt-dark-summary {
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bmt-dark-summary-title {
  font-size: .56rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(11,18,32,.36);
  font-weight: 900;
  margin-bottom: 9px;
}
.bmt-dark-summary-item {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: .79rem;
  color: rgba(11,18,32,.60);
  line-height: 1.4;
}
.bmt-dark-summary-n {
  width: 15px;
  height: 15px;
  min-width: 15px;
  background: #0b1220;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .55rem;
  font-weight: 900;
  margin-top: 1px;
}
/* 하단 3컬럼 */
.bmt-dark-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.bmt-dark-footer-item {
  padding: 10px 11px;
  border-right: 1px solid rgba(11,18,32,.09);
}
.bmt-dark-footer-item:last-child { border-right: none; }
.bmt-dark-footer-item.hl { background: rgba(67,56,202,.06); }
.bmt-dark-footer-k {
  font-size: .54rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(11,18,32,.36);
  font-weight: 900;
  margin-bottom: 3px;
}
.bmt-dark-footer-v {
  font-size: .92rem;
  font-weight: 950;
  color: #0b1220;
  line-height: 1;
}
.bmt-dark-footer-item.hl .bmt-dark-footer-v { color: rgba(67,56,202,.96); }
.bmt-dark-footer-s {
  font-size: .66rem;
  color: rgba(11,18,32,.72);
  margin-top: 2px;
}


/* =====================================================================
   7) 면책 고지 (가독성 최적화 버젼)
   ===================================================================== */
.bmt-disclaimer {
  border-left: 3px solid rgba(11,18,32,.35); /* 왼쪽 테두리 선을 조금 더 진하게 */
  background: rgba(11,18,32,.04); /* 배경을 아주 살짝 더 잡아줌 */
  padding: 12px 16px; /* 텍스트가 답답하지 않게 안쪽 여백 증가 */
  margin: 14px 0 0;
}
.bmt-disclaimer p {
  margin: 0;
  font-size: .82rem; /* 기존 .76rem에서 .82rem으로 크기 증가 */
  font-weight: 500; /* 글씨 굵기를 살짝 도톰하게 */
  color: rgba(11,18,32,.75); /* 투명도 36% -> 75%로 확 올려서 선명하게! */
  line-height: 1.6;
}

/* 만약 에디터에서 'Disclaimer:' 부분을 굵게(Bold) 처리하셨을 경우를 대비한 추가 스타일 */
.bmt-disclaimer p strong,
.bmt-disclaimer p b {
  font-weight: 800;
  color: #0b1220; /* 완전 진한 검은색으로 강조 */
}

/* =====================================================================
   8) SEC 02 — PROBLEM
   ===================================================================== */
.bmt-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(11,18,32,.09);
  margin-bottom: 18px;
}
.bmt-compare-bad {
  padding: 14px 16px;
  border-right: 1px solid rgba(11,18,32,.09);
  border-left: 3px solid #7f1d1d;
}
.bmt-compare-good {
  padding: 14px 16px;
  border-left: 3px solid #065f46;
}
.bmt-compare-col-title {
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.bmt-compare-bad  .bmt-compare-col-title { color: #7f1d1d; }
.bmt-compare-good .bmt-compare-col-title { color: #065f46; }
.bmt-compare-item {
  font-size: .84rem;
  color: rgba(11,18,32,.60);
  margin-bottom: 5px;
  padding-left: 10px;
  border-left: 2px solid rgba(11,18,32,.08);
  line-height: 1.45;
}
/* WATCH OUT */
.bmt-watchout {
  border-left: 3px solid #78350f;
  background: rgba(120,53,15,.06);
  padding: 11px 14px;
}
.bmt-watchout-title {
  display: block;
  font-size: .64rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #78350f;
  margin-bottom: 4px;
}
.bmt-watchout p { margin: 0; font-size: .88rem; color: #0b1220; line-height: 1.65; }


/* =====================================================================
   9) SEC 03 — 차트 탭 + Canvas
   ===================================================================== */
.bmt-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 18px;
  flex-wrap: wrap;
  gap: 10px;
}
.bmt-chart-tabs {
  display: flex;
  border: 1px solid rgba(11,18,32,.09);
  border-radius: 2px;
  overflow: hidden;
  flex-shrink: 0;
}
.bmt-chart-tab {
  padding: 6px 14px;
  border: 0;
  border-left: 1px solid rgba(11,18,32,.09);
  cursor: pointer;
  font-size: .70rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: transparent;
  color: rgba(11,18,32,.50);
  transition: background .12s, color .12s;
  font-family: inherit;
  white-space: nowrap;
}
.bmt-chart-tab:first-child { border-left: 0; }
.bmt-chart-tab:hover:not(.active) { background: rgba(11,18,32,.04); color: rgba(11,18,32,.80); }
.bmt-chart-tab.active { background: #0b1220; color: #fff; }
.bmt-chart-panel        { display: none; }
.bmt-chart-panel.active { display: block; }
.bmt-canvas {
  display: block;
  width: 100%;
  height: 220px;
  margin: 8px 0 4px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.bmt-chart-legend {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(11,18,32,.07);
}
.bmt-chart-legend-items { display: flex; flex-wrap: wrap; gap: 14px; }
.bmt-chart-legend-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: .74rem;
  color: rgba(11,18,32,.55);
  font-weight: 600;
}
.bmt-chart-legend-dot { width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }
.bmt-chart-badge {
  background: rgba(67,56,202,.06);
  border: 1px solid rgba(67,56,202,.18);
  padding: 4px 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 2px;
  flex-shrink: 0;
}
.bmt-chart-badge-label {
  font-size: .66rem;
  font-weight: 900;
  color: rgba(67,56,202,.70);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bmt-chart-badge-value { font-size: .88rem; font-weight: 900; color: rgba(67,56,202,.96); }
.bmt-chart-source {
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(11,18,32,.08);
  font-size: .72rem;
  color: rgba(11,18,32,.35);
  line-height: 1.55;
}


/* =====================================================================
   10) SEC 04 — FAQ 아코디언
   ===================================================================== */
.bmt-faq-item { border-top: 1px solid rgba(11,18,32,.09); }
.bmt-faq-item:last-child { border-bottom: 1px solid rgba(11,18,32,.09); }
.bmt-faq-trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  gap: 12px;
  font-family: inherit;
}
.bmt-faq-trigger-left { display: flex; align-items: center; gap: 9px; }
.bmt-faq-tag {
  font-size: .60rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(67,56,202,.96);
  background: rgba(67,56,202,.06);
  padding: 2px 6px;
  flex-shrink: 0;
}
.bmt-faq-q { font-size: .90rem; font-weight: 700; color: #0b1220; line-height: 1.4; }
.bmt-faq-icon {
  color: rgba(11,18,32,.36);
  font-size: .90rem;
  flex-shrink: 0;
  transition: transform .15s;
  display: inline-block;
}
.bmt-faq-item.open .bmt-faq-icon { transform: rotate(45deg); }
.bmt-faq-answer {
  display: none;
  border-left: 3px solid rgba(67,56,202,.96);
  padding: 0 0 13px 14px;
  font-size: .87rem;
  color: rgba(11,18,32,.60);
  line-height: 1.72;
}
.bmt-faq-item.open .bmt-faq-answer { display: block; }


/* =====================================================================
   11) SEC 05 — IF/THEN + EDITOR COMMENT
   ===================================================================== */
.bmt-sec05-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 14px;
  align-items: stretch;
}
.bmt-sec05-grid > .bmt-card:first-child {
  align-self: stretch;
}
.bmt-sec05-grid .bmt-series {
  align-self: stretch;
  height: 100%;
}
.bmt-ifthen-table { border: 1px solid rgba(11,18,32,.09); margin-bottom: 18px; }
.bmt-ifthen-head {
  display: grid;
  grid-template-columns: 1fr 140px;
  background: #0b1220;
  padding: 9px 14px;
}
.bmt-ifthen-head span {
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}
.bmt-ifthen-row {
  display: grid;
  grid-template-columns: 1fr 140px;
  padding: 11px 14px;
  border-top: 1px solid rgba(11,18,32,.09);
  align-items: start;
}
.bmt-ifthen-cond-title { font-size: .86rem; font-weight: 700; color: #0b1220; margin-bottom: 2px; }
.bmt-ifthen-cond-note  { font-size: .76rem; color: rgba(11,18,32,.70); }
.bmt-ifthen-rec { padding-left: 10px; }
.bmt-ifthen-rec-text   { font-size: .82rem; font-weight: 800; }
.bmt-ifthen-rec.c1 { border-left: 3px solid rgba(67,56,202,.90); }
.bmt-ifthen-rec.c1 .bmt-ifthen-rec-text { color: rgba(67,56,202,.90); }
.bmt-ifthen-rec.c2 { border-left: 3px solid rgba(67,56,202,.52); }
.bmt-ifthen-rec.c2 .bmt-ifthen-rec-text { color: rgba(67,56,202,.52); }
.bmt-ifthen-rec.ink { border-left: 3px solid #0b1220; }
.bmt-ifthen-rec.ink .bmt-ifthen-rec-text { color: #0b1220; }
.bmt-editor-comment {
  border-left: 3px solid rgba(67,56,202,.96);
  background: rgba(67,56,202,.06);
  padding: 13px 16px;
}
.bmt-editor-comment-title {
  display: block;
  font-size: .64rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(67,56,202,.96);
  margin-bottom: 6px;
}
.bmt-editor-comment p { margin: 0; font-size: .90rem; color: #0b1220; line-height: 1.72; }


/* =====================================================================
   12) 시리즈 위젯
   ===================================================================== */
.bmt-series { position: sticky; top: 52px; }
.bmt-series-title-label {
  font-size: .60rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(11,18,32,.36);
  margin-bottom: 3px;
}
.bmt-series-group { font-size: .88rem; font-weight: 800; color: #0b1220; margin-bottom: 4px; line-height: 1.3; }
.bmt-series-progress-wrap { margin-bottom: 14px; }
.bmt-series-progress-track { height: 3px; background: rgba(11,18,32,.08); overflow: hidden; }
.bmt-series-progress-fill { height: 100%; background: rgba(67,56,202,.96); transition: width .4s; }
.bmt-series-progress-label { font-size: .66rem; color: rgba(11,18,32,.36); margin-top: 4px; font-weight: 600; }
.bmt-series-list { margin-bottom: 12px; }
.bmt-series-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(11,18,32,.09);
}
.bmt-series-item.dimmed { opacity: .45; }
.bmt-series-item-n {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .58rem;
  font-weight: 900;
  background: rgba(11,18,32,.08);
  color: rgba(11,18,32,.36);
}
.bmt-series-item.current .bmt-series-item-n { background: #0b1220; color: #fff; }
.bmt-series-item.live    .bmt-series-item-n { background: rgba(67,56,202,.96); color: #fff; }
.bmt-series-item-title { font-size: .80rem; line-height: 1.4; font-weight: 600; color: rgba(11,18,32,.52); }
.bmt-series-item.current .bmt-series-item-title { font-weight: 800; color: #0b1220; }
.bmt-series-item-now { margin-left: 5px; font-size: .62rem; font-weight: 900; color: rgba(67,56,202,.96); letter-spacing: .06em; }
.bmt-series-more {
  width: 100%;
  border: 1px solid rgba(11,18,32,.09);
  background: transparent;
  padding: 6px 0;
  font-size: .72rem;
  font-weight: 700;
  color: rgba(11,18,32,.60);
  cursor: pointer;
  letter-spacing: .04em;
  margin-bottom: 14px;
  font-family: inherit;
}
.bmt-series-hub-area { border-top: 2px solid #0b1220; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.bmt-series-hub-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  background: rgba(11,18,32,.08);
  opacity: .55;
}
.bmt-series-hub-item.live { background: rgba(67,56,202,.06); opacity: 1; }
.bmt-series-hub-icon { font-size: .80rem; color: rgba(11,18,32,.36); flex-shrink: 0; }
.bmt-series-hub-item.live .bmt-series-hub-icon { color: rgba(67,56,202,.96); }
.bmt-series-hub-body { flex: 1; min-width: 0; }
.bmt-series-hub-label {
  font-size: .60rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11,18,32,.50);
  margin-bottom: 2px;
}
.bmt-series-hub-title { font-size: .80rem; color: rgba(11,18,32,.52); font-weight: 600; }
.bmt-series-hub-status { font-size: .68rem; font-weight: 800; color: rgba(11,18,32,.55); flex-shrink: 0; letter-spacing: .04em; }
.bmt-series-hub-item.live .bmt-series-hub-status { color: rgba(67,56,202,.96); }


/* =====================================================================
   13) SEC 06 — SOURCES & REFERENCES (하얀 카드 + 섹션 5 스타일 리스트)
   ===================================================================== */
.bmt-sec06-grid {
  display: grid;
  grid-template-columns: 1fr 260px; /* 섹션 5와 동일한 너비 유지 */
  gap: 14px;
  align-items: stretch;
}

.bmt-sec06-grid > .bmt-card:first-child {
  align-self: stretch;
  height: 100%;
}

/* ── 좌측: 출처 번호 목록 ── */
.bmt-source-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bmt-source-item {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(11,18,32,.06);
  font-size: .88rem;
  line-height: 1.6;
  color: rgba(11,18,32,.70);
  align-items: flex-start;
}
.bmt-source-item:last-of-type { border-bottom: none; }

.bmt-source-n {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: rgba(11,18,32,.05);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  font-weight: 900;
  color: rgba(11,18,32,.45);
  margin-top: 2px;
}

.bmt-source-item strong {
  color: #0b1220;
  font-weight: 700;
}

.bmt-the-new-article .bmt-source-item a {
  color: rgba(67,56,202,.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(67,56,202,.3);
  padding-bottom: 1px;
  transition: all 0.2s ease;
}
.bmt-the-new-article .bmt-source-item a:hover {
  color: rgba(67,56,202,.96);
  border-bottom-color: rgba(67,56,202,.96);
}

.bmt-source-disclaimer {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(11,18,32,.15); /* 점선(dashed)을 깔끔한 실선(solid)으로 변경하고 살짝 진하게 */
  font-size: .78rem; /* 기존 .75rem에서 크기 살짝 증가 */
  font-weight: 500; /* 글씨를 살짝 도톰하게 만들어 가독성 확보 */
  color: rgba(11,18,32,.75); /* 투명도 45% -> 75%로 확 올려서 선명하게! */
  line-height: 1.6;
}

/* ── 우측: 공식 참조 사이드바 (흰색 Grid 카드 유지) ── */
.bmt-ref-card {
  position: sticky;
  top: 52px;
  background: #fff;
  border: 1px solid rgba(11,18,32,.09);
  border-radius: 3px;
  padding: 22px 24px;
  box-shadow: 0 2px 10px rgba(15,23,42,.05);
  align-self: flex-start;
}

/* 라벨 텍스트 */
.bmt-ref-card-label {
  font-size: .60rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(11,18,32,.36);
  margin-bottom: 3px;
}

/* 서브 제목 (깔끔한 검은색 라인만 유지) */
.bmt-ref-card-sub {
  font-size: .88rem;
  font-weight: 800;
  color: #0b1220;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(11,18,32,.09); 
  line-height: 1.3;
}

/* ── 우측 링크 리스트 디자인 (섹션 5 'Will vs...' 아이템 완벽 일치) ── */
.bmt-ref-link {
  display: flex !important;
  align-items: flex-start !important; /* 상단 정렬 */
  gap: 8px !important; /* 섹션 5와 동일한 간격 */
  padding: 7px 0 !important; /* 섹션 5와 동일한 상하 여백 */
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(11,18,32,.09) !important; /* 밑줄 구분선 */
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: opacity .2s ease !important;
}

/* 마지막 아이템 선 없애기 (div 래퍼로 감싸진 경우까지 완벽 대응) */
.bmt-ref-link:last-child,
.bmt-ref-link-container:last-child .bmt-ref-link,
div:last-child > .bmt-ref-link {
  border-bottom: none !important;
}

.bmt-ref-link:hover {
  opacity: 0.6 !important; /* 살짝 투명해지는 호버 효과 */
}

/* 레이아웃 깨는 External 및 불필요 요소 숨김 */
.bmt-ref-link-type,
.bmt-ref-link-dot {
  display: none !important;
}

/* ✅ 사각형 번호 박스 (16x16 블랙) - 섹션 5 완벽 복제 */
.bmt-ref-link-n {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin-top: 1px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .58rem !important;
  font-weight: 900 !important;
  background: #0b1220 !important;
  color: #fff !important;
}

/* ✅ 텍스트 폰트 (섹션 5처럼 진하고 깔끔한 검은색) */
.bmt-ref-link-name {
  font-size: .80rem !important;
  font-weight: 800 !important;
  color: #0b1220 !important;
  line-height: 1.4 !important;
  flex: 1 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  text-decoration: none !important; /* 밑줄 없음 */
}

/* 기본 우측 상단 화살표 (은은한 회색 -> 마우스 오버시 보라색) */
.bmt-ref-link-icon {
  flex-shrink: 0 !important;
  font-size: .70rem !important;
  font-weight: 800 !important;
  color: rgba(11,18,32,.30) !important;
  margin-top: 2px !important;
  transition: color .2s ease !important;
}
.bmt-ref-link:hover .bmt-ref-link-icon {
  color: rgba(67,56,202,.96) !important;
}


/* =====================================================================
   14) 링크
   ===================================================================== */
.bmt-the-new-article a.bmt-link {
  color: rgba(67,56,202,.96);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  font-weight: 600;
  cursor: pointer;
}
.bmt-the-new-article a.bmt-link-internal {
  color: rgba(67,56,202,.96);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid rgba(67,56,202,.96);
  padding-bottom: 1px;
}
.bmt-the-new-article a.bmt-link-external {
  color: rgba(11,18,32,.58);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed rgba(11,18,32,.28);
}
.bmt-the-new-article a.bmt-link-external::after { content: " ↗"; }


/* =====================================================================
   15) 푸터
   ===================================================================== */
.bmt-tna-footer { margin-top: 20px; border-top: 2px solid #0b1220; padding-top: 14px; }
.bmt-tna-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; margin-bottom: 6px; }
.bmt-tna-footer-links a { color: rgba(11,18,32,.60); font-weight: 700; font-size: .76rem; text-decoration: none; }
.bmt-tna-footer-links a:hover { color: #0b1220; }
.bmt-tna-footer-copy { text-align: center; font-size: .72rem; color: rgba(11,18,32,.36); font-weight: 700; }


/* =====================================================================
   16) 반응형
   ===================================================================== */
@media (max-width: 860px) {
  .bmt-hook-grid  { grid-template-columns: 1fr; }
  .bmt-dark-panel { display: none; }
  .bmt-sec05-grid { grid-template-columns: 1fr; }
  .bmt-sec06-grid { grid-template-columns: 1fr; }
  .bmt-series     { position: static; }
  .bmt-ref-card   { position: static; }
  .bmt-chart-header { flex-direction: column; align-items: flex-start; gap: 8px; }
}

@media (max-width: 640px) {
  .bmt-tna-wrap       { padding: 14px 13px 50px; }
  .bmt-card           { padding: 16px 16px; }
  .bmt-card-top-bar   { margin: -16px -16px 16px; }
  .bmt-hook-title     { font-size: 1.65rem; }
  .bmt-compare-grid   { grid-template-columns: 1fr; }
  .bmt-compare-bad    { border-right: none; border-bottom: 1px solid rgba(11,18,32,.09); }
  .bmt-ifthen-head    { grid-template-columns: 1fr 100px; }
  .bmt-ifthen-row     { grid-template-columns: 1fr 100px; }
  .bmt-canvas         { height: 180px; }
  .bmt-chart-legend   { flex-direction: column; align-items: flex-start; }
  .bmt-chart-badge    { align-self: flex-end; }
  .bmt-custom-menu-container { padding: 10px 14px; }
  .bmt-menu-links     { gap: 14px; }
}


/* =========================================
   Section Label Readability Boost (SEC 01–06)
   - Fix thin subtitles like "— Reader Filter + Featured Snippet"
========================================= */
.bmt-the-new-article .bmt-tna-sec-title{
  font-weight: 800 !important;
  color: rgba(11,18,32,.72) !important;
  letter-spacing: .04em !important;
}
.bmt-the-new-article .bmt-tna-sec-sub{
  font-weight: 650 !important;
  color: rgba(11,18,32,.72) !important;
  opacity: 1 !important;
  letter-spacing: .01em !important;
}


/* =========================================
   SEC 06 Sidebar Reference Links — Size/Wrap Fix (v5)
   - Prevent title text from ballooning and colliding with EXTERNAL label
========================================= */

.bmt-the-new-article .bmt-ref-card,
.bmt-the-new-article .bmt-ref-card *{
  font-family: inherit;
}

.bmt-the-new-article .bmt-ref-row,
.bmt-the-new-article .bmt-ref-item{
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 12px;
  align-items: center;
}