html.bg-drill-preview-open{overflow:hidden}
.bg-drill-preview{box-sizing:border-box;width:min(940px,calc(100vw - 24px));max-height:88dvh;margin:auto;padding:0;border:1px solid #7d997f;border-radius:16px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#173e2e;font:16px/1.6 system-ui,sans-serif}
.bg-drill-preview::backdrop{background:#061d16b8}
.bg-drill-preview-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:18px 22px;border-bottom:1px solid #98b396;background:#d8e8d0}
.bg-drill-preview-head h2{flex:1 1 220px;margin:0;font-size:1.25rem;line-height:1.3}
.bg-drill-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bg-drill-preview-actions a,.bg-drill-preview-actions button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid #155732;border-radius:24px;background:#fff;color:#155732;font:700 .9rem/1.35 system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.bg-drill-preview-actions .bg-drill-preview-planner{background:#155732;color:white}
.bg-drill-preview :focus-visible{outline:3px solid #a54a1d;outline-offset:3px}
.bg-drill-preview-body{padding:20px 24px 26px;overflow-wrap:anywhere}
.bg-drill-preview-body p{margin:0 0 15px}.bg-drill-preview-body ol,.bg-drill-preview-body ul{padding-left:24px;margin:0 0 18px}.bg-drill-preview-body li+li{margin-top:6px}
.bg-drill-preview-body a{color:#145534;text-underline-offset:.2em}
.bg-drill-preview .bb-setup-photo{margin:18px 0 22px}.bg-drill-preview .bb-setup-photo img{display:block;box-sizing:border-box;width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:10px;background:#eef1ea}
.bg-drill-preview .bb-setup-photo figcaption{font-size:.85rem;line-height:1.5;color:#415f4c;margin-top:8px}.bg-drill-preview .bb-setup-photo figcaption span{display:block;margin-top:5px}
.bg-drill-preview .bb-drill-safety{padding:14px 16px;border-left:4px solid #a54a1d;background:#f7eee2}.bg-drill-preview .bb-drill-fullmeta{font-size:.88rem;color:#415f4c}
@media(max-width:600px){.bg-drill-preview-head{padding:14px 16px}.bg-drill-preview-head h2{flex-basis:100%;font-size:1.1rem}.bg-drill-preview-body{padding:18px 16px 22px}.bg-drill-preview-actions{width:100%}.bg-drill-preview-actions a{flex:1}.bg-drill-preview-actions button{flex:0 0 auto}}
@media print{.bg-drill-preview{display:none!important}}
