.bsp-cat-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 10px; }
.bsp-cat { display: flex; align-items: flex-start; gap: 14px; background: #fff; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px; box-shadow: var(--shadow-sm); }
.bsp-cat-ico { flex: none; width: 42px; height: 42px; border-radius: var(--r-md); background: var(--tint-1); color: var(--accent); display: flex; align-items: center; justify-content: center; }
.bsp-cat-ico svg { width: 22px; height: 22px; }
.slp-article .bsp-cat h3 { display: block; margin: 0 0 4px; font-size: 16px; font-weight: 700; color: #182A2F; }
.bsp-cat p { font-size: 13.5px; line-height: 1.55; color: #5C6E74; margin: 0; }
.bsp-cat a { color: var(--accent); font-weight: 700; }
@media (hover: hover) {
  .bsp-cat a:hover { color: var(--accent-darker); }
}

.bsp-cols { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 20px 0; }
.bsp-col { background: #fff; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 16px 18px; }
.slp-article .bsp-col h3 { display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #182A2F; }
.bsp-col ul { margin: 0; padding: 0; list-style: none; }
.bsp-col li { font-size: 14px; line-height: 1.6; color: #45565C; padding-left: 25px; position: relative; margin-bottom: 8px; }
.bsp-col li:last-child { margin-bottom: 0; }
.bsp-col li svg { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; flex: none; }
.bsp-col--tut svg { color: #16A34A; }

.bsp-limit { display: flex; align-items: flex-start; gap: 10px; background: var(--tint-1); border-radius: var(--r-md); padding: 14px 16px; font-size: 13.5px; line-height: 1.6; color: #3F5157; margin: 4px 0 22px; }
.bsp-limit svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: #B5511E; }
.bsp-limit strong { color: #182A2F; }

.bsp-dialog-label { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--accent); background: var(--tint-1); padding: 5px 12px; border-radius: var(--r-full); margin-bottom: 14px; }
.bsp-dialog { background: #F6F9F9; border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px; margin-bottom: 20px; }
.bsp-msg { display: flex; gap: 10px; max-width: 90%; margin-bottom: 14px; }
.bsp-msg:last-child { margin-bottom: 0; }
.bsp-msg-av { flex: none; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bsp-msg-av svg { width: 16px; height: 16px; }
.bsp-msg-bubble { background: #fff; border: 1px solid var(--border); border-radius: var(--r-md); padding: 10px 14px; font-size: 14px; line-height: 1.55; color: #31434A; }
.bsp-msg--user { margin-left: auto; flex-direction: row-reverse; }
.bsp-msg--user .bsp-msg-av { background: var(--tint-2); color: var(--accent-dark); }
.bsp-msg--user .bsp-msg-bubble { background: var(--accent); border-color: var(--accent); color: #fff; }
.bsp-msg--bot .bsp-msg-av { background: var(--accent); color: #fff; }

.bsp-testimonial { background: #fff; border-left: 4px solid var(--accent); border-radius: 0 var(--r-md) var(--r-md) 0; padding: 18px 22px; margin: 0 0 24px; }
.bsp-testimonial p { font-size: 15px; line-height: 1.65; color: #2C4147; font-style: italic; margin-bottom: 8px; }
.bsp-testimonial cite { font-size: 13px; color: #5F7176; font-style: normal; }
.bsp-testimonial cite strong { color: #182A2F; }

.bsp-checklist { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 22px 0 10px; }
.bsp-check-item { display: flex; gap: 12px; align-items: flex-start; }
.bsp-check-item svg { flex: none; width: 20px; height: 20px; color: #16A34A; margin-top: 1px; }
.slp-article .bsp-check-item h3 { display: block; margin: 0 0 3px; font-size: 15px; font-weight: 700; color: #182A2F; }
.bsp-check-item p { font-size: 13.5px; line-height: 1.55; color: #5C6E74; margin: 0; }
.slp-article .bsp-cat h3::before, .slp-article .bsp-col h3::before, .slp-article .bsp-check-item h3::before { content: none; }

@media (min-width: 768px) {
  .bsp-cols { grid-template-columns: 1fr 1fr; }
  .bsp-checklist { grid-template-columns: 1fr 1fr; }
  .bsp-cat-grid { grid-template-columns: 1fr 1fr; }
}
.slp .slp-body .slp-article .bsp-cat h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.3; }
.slp .slp-body .slp-article .bsp-col h3 { margin: 0 0 10px; font-size: 14px; line-height: 1.3; }
.slp .slp-body .slp-article .bsp-check-item h3 { margin: 0 0 3px; font-size: 15px; line-height: 1.3; }
.slp .slp-body .slp-article .bsp-cat p, .slp .slp-body .slp-article .bsp-check-item p { font-size: 13.5px; line-height: 1.55; margin: 0; max-width: none; }
.slp .slp-body .slp-article .bsp-testimonial p { font-size: 15px; line-height: 1.65; margin-bottom: 8px; max-width: none; }