.btb-devprbio-page { background: #fff; padding: 60px 10px;}
.btb-devprbio-shell { max-width: 1200px; margin: auto;}
.btb-devprbio-card-stack { display: grid; gap: 16px;}
.btb-devprbio-card { background: #FDFFF9; border: 1px solid var(--leaf); border-radius: 12px; padding: 20px;}
.btb-devprbio-card-head { display: grid; grid-template-columns: 40px 1fr; gap: 16px;}
.btb-devprbio-icon { width: 32px; height: 32px; border: 1px solid var(--leaf); display: flex; align-items: center; justify-content: center; border-radius: 4px;}
.btb-devprbio-icon img { width: 18px; height: 18px;}
.btb-devprbio-card-title { margin: 0 0 10px; color: var(--forest); font-size: 24px;}
.btb-devprbio-points { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px;}
.btb-devprbio-points li { position: relative; padding-left: 14px; color: var(--bark); font-size: 16px;}
.btb-devprbio-points li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-top: 2px solid var(--leaf); border-right: 2px solid var(--leaf); transform: rotate(45deg);}
.btb-devprbio-divider { margin: 14px 0 10px 54px; border-top: 1px solid var(--leaf);}
.btb-devprbio-note { margin-left: 54px; color: var(--bark); font-size: 16px; line-height: 1.6;}
@media (max-width: 768px) {.btb-devprbio-points {  grid-template-columns: 1fr;}
.btb-devprbio-card-head {  grid-template-columns: 1fr;}
.btb-devprbio-divider,.btb-devprbio-note {  margin-left: 0;}}