/* Scoped editorial helpers: inherit the site's established typography. */
.bpl-sd-guide,.bpl-sd-toc{max-width:75ch;font-family:inherit;font-size:16px;line-height:1.6;color:#222}
.bpl-sd-guide{margin:0 auto 24px}
.bpl-sd-guide h2{font-size:20px!important;line-height:1.35;margin:0 0 10px!important}
.bpl-sd-guide ul,.bpl-sd-toc ul{list-style:disc!important;padding-left:22px!important;margin:8px 0 12px!important}
.bpl-sd-guide li,.bpl-sd-toc li{margin:6px 0;overflow-wrap:anywhere}
.bpl-sd-guide p,.bpl-sd-toc p{margin:8px 0!important}
.bpl-sd-toc{margin:20px 0 24px;padding:12px 0;border-top:1px solid #b9c8c1;border-bottom:1px solid #b9c8c1}
.bpl-sd-guide a,.bpl-sd-toc a{color:#114335!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere}
.bpl-sd-guide a:hover,.bpl-sd-toc a:hover{color:#754000!important}
.bpl-sd-guide a:focus-visible,.bpl-sd-toc a:focus-visible{outline:2px solid #114335;outline-offset:3px}
[id^="bpl-sd-"]{scroll-margin-top:120px}
@media(max-width:700px){.bpl-sd-guide,.bpl-sd-toc{font-size:16px}.bpl-sd-guide{margin-bottom:18px}.bpl-sd-guide h2{font-size:18px!important}}

/* The mobile header occupies about 180px; keep target headings below it. */
@media(max-width:900px){[id^="bpl-sd-"]{scroll-margin-top:210px}}