/* =============================================================
   blog-highlight-box-block.css — Bluworks
   Amber-bordered callout box.
   ============================================================= */

.bhlbox {
  margin: clamp(24px, 3vw, 36px) 0;
  padding: var(--s-5, 20px) var(--s-6, 28px);
  background: var(--bg, #FAFBFD);
  border: 1px solid var(--line, #E4E8F3);
  border-left: 4px solid var(--accent-amber, #EFAB3B);
  border-radius: var(--r-1, 4px) var(--r-3, 12px) var(--r-3, 12px) var(--r-1, 4px);
}

html[dir="rtl"] .bhlbox {
  border-left: 1px solid var(--line, #E4E8F3);
  border-right: 4px solid var(--accent-amber, #EFAB3B);
  border-radius: var(--r-3, 12px) var(--r-1, 4px) var(--r-1, 4px) var(--r-3, 12px);
}

/* Label */
.bhlbox-label {
  font-family: var(--font-display, 'Neue Haas Grotesk Display', sans-serif);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9A6200;
  margin-bottom: var(--s-3, 12px);
}

html[dir="rtl"] .bhlbox-label {
  font-family: var(--font-arabic, 'Noto Sans Arabic', sans-serif);
  letter-spacing: 0;
}

/* Body content */
.bhlbox-body {
  font-family: var(--font-display, 'Neue Haas Grotesk Display', sans-serif);
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-mid, #4B5068);
}

html[dir="rtl"] .bhlbox-body {
  font-family: var(--font-arabic, 'Noto Sans Arabic', sans-serif);
}

/* Reset list inside body */
.bhlbox-body ul,
.bhlbox-body ol {
  padding-left: 20px;
  margin: 0;
}
.bhlbox-body li {
  display: list-item;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-mid, #4B5068);
  margin-bottom: var(--s-2, 8px);
  padding-left: 4px;
}
.bhlbox-body ul { list-style: disc; }
.bhlbox-body ol { list-style: decimal; }
.bhlbox-body li::before { display: none; } /* override sp-entry li::before */
.bhlbox-body p  { margin-bottom: var(--s-3, 12px); font-size: 14px; }
.bhlbox-body p:last-child { margin-bottom: 0; }
.bhlbox-body strong { font-weight: 700; color: var(--ink, #0A0F1E); }

html[dir="rtl"] .bhlbox-body ul,
html[dir="rtl"] .bhlbox-body ol { padding-left: 0; padding-right: 20px; }