.bhs-content-shell { padding: 24px 0 56px; }
.bhs-content-shell > * { width: min(calc(100% - 28px), 860px); margin-inline: auto; }
.bhs-content-shell .bhs-page-head { margin-bottom: 20px; }

.bhs-article-card {
  padding: clamp(22px, 5vw, 48px);
  border: 1px solid rgba(223,233,229,.9);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(69,185,130,.08) 31px 32px);
  box-shadow: var(--shadow-card);
}
.bhs-article-card h1, .bhs-article-card h2, .bhs-article-card h3 { color: var(--color-ink); line-height: 1.35; }
.bhs-article-card p, .bhs-article-card li { color: var(--color-ink-soft); line-height: 1.95; }
.bhs-article-card img { border-radius: var(--radius-md); }
.bhs-article-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 10px 0 26px; color: var(--color-muted); font-size: .9rem; }
.bhs-article-card .chalk-header,
.bhs-content-shell .header-card { background: linear-gradient(145deg, #edf8f1, #fff4f6); color: var(--color-ink); }
.bhs-article-card .chalk-header::before { content: none; display: none; }
.bhs-article-card .chalk-header h1,
.bhs-content-shell .header-card h1 { color: var(--color-ink); text-shadow: none; }
.bhs-article-card .chalk-sub { color: var(--color-muted); border-color: var(--color-line); }

.bhs-tutorial-index { margin-bottom: 18px; padding: 16px; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: rgba(255,255,255,.85); }
.bhs-tutorial-step { position: relative; margin-bottom: 16px; padding: 20px 18px; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: rgba(255,255,255,.95); box-shadow: var(--shadow-soft); }
.bhs-tutorial-step::before { content: none; display: none; }
.bhs-content-shell { counter-reset: bhs-step; }
.bhs-tutorial-step h2, .bhs-tutorial-step h3 { margin-top: 0; }
.bhs-tutorial-step p, .bhs-tutorial-step li { color: var(--color-ink-soft); line-height: 1.8; }

@media (min-width: 768px) {
  .bhs-content-shell { padding-top: 42px; }
  .bhs-tutorial-step { padding: 26px 28px; }
}