/* V8 is a progressive enhancement; V7 layout and brand assets remain intact. */
.blf8-engagement,.blf8-keep{margin:2.5rem 0;padding:clamp(1.1rem,3vw,2rem);border:1px solid #28414d;border-radius:20px;background:linear-gradient(135deg,#0b1820,#071015);overflow-wrap:anywhere;scroll-margin-top:8rem}
.blf8-engagement h2,.blf8-keep h2{margin:.4rem 0 1rem;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.16}
.blf8-engagement .blf8-question{font-size:1.13rem;font-weight:700;color:#edf8ff;margin-bottom:.55rem}
.blf8-engagement p,.blf8-keep p{max-width:72ch}
.blf8-source{padding-left:.9rem;border-left:3px solid #67b5ee;color:#b5cbd9;font-size:.9rem;line-height:1.6}
.blf8-helper{margin-top:1.4rem;border:1px solid #385360;border-radius:12px;background:#061016}
.blf8-helper>summary{cursor:pointer;padding:1rem;color:#cdeeff;font-weight:700;min-height:48px}
.blf8-helper[open]>summary{border-bottom:1px solid #28414d}
.blf8-helper-body{padding:1.1rem}
.blf8-local-note{padding:.9rem 1rem;background:#112833;border-radius:8px;font-size:.94rem;line-height:1.6;color:#d7e6ee}
.blf8-fields label,.blf8-review>label,.blf8-share-tools label,.blf8-copy-fallback label{display:block;font-weight:650;color:#e8f1f6;font-size:1rem;line-height:1.5;margin:.85rem 0 .45rem}
.blf8-fields label span{font-size:.84rem;font-weight:400;color:#a7bdcb}
.blf8-fields textarea,.blf8-fields select,.blf8-review textarea,.blf8-share-tools select,.blf8-copy-fallback textarea{display:block;width:100%;box-sizing:border-box;margin:.45rem 0 .85rem;padding:.75rem .85rem;border:1px solid #45616f;border-radius:8px;background:#040c12;color:#eff9ff;font:inherit;font-size:16px;line-height:1.55;min-height:46px}
.blf8-fields textarea,.blf8-review textarea,.blf8-copy-fallback textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
.blf8-fields textarea::placeholder,.blf8-review textarea::placeholder{color:#93a9b8;opacity:1}
.blf8-fields select,.blf8-share-tools select{max-width:100%;text-overflow:ellipsis}
.blf8-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.blf8-input-grid>*{min-width:0}
.blf8-review{border-top:1px solid #28414d;margin-top:1rem;padding-top:.5rem}
.blf8-button-row{display:flex;align-items:center;gap:.55rem 1rem;flex-wrap:wrap;margin:.75rem 0}
.blf8-button-row .button,.blf8-engagement>.button,.blf8-follow .button{white-space:normal;text-align:center;min-height:44px;max-width:100%;line-height:1.45}
.blf8-button-row .text-button{font-size:.94rem;min-height:44px;padding:.5rem .1rem;text-align:left}
.blf8-micro{color:#a7bdcb;font-size:.84rem!important;line-height:1.6;margin:.6rem 0}
.blf8-inline-status{font-size:.9rem;color:#aee3cf;min-height:1.5rem;line-height:1.55;margin:.6rem 0}
.blf8-error{color:#ffc0ae}
.blf8-keep-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.6rem}
.blf8-keep-grid>div{min-width:0}
.blf8-keep h3{font-size:1.18rem;line-height:1.4;margin:0 0 .55rem}
.blf8-keep h3:not(:first-child){margin-top:1.5rem}
.blf8-follow{border-left:1px solid #28414d;padding-left:1.5rem}
.blf8-follow .button{font-size:.95rem;padding:.8rem 1rem}
.blf8-share-tools{margin:.5rem 0}
.blf8-share-tools .button{font-size:.94rem;padding:.7rem .85rem}
.blf8-copy-fallback{width:100%;border:1px solid #516d7e;border-radius:8px;padding:.65rem;margin:.8rem 0;background:#0e1d28;box-sizing:border-box}
.blf8-copy-fallback textarea{font-size:.85rem}
.blf8-freshness{margin:1rem auto;padding:.8rem 1rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;border:1px solid #45616f;background:#11202a;border-radius:10px;font-size:.88rem;box-sizing:border-box}
.blf8-freshness a{white-space:normal;font-weight:700}
.blf8-engagement button:focus-visible,.blf8-keep button:focus-visible,.blf8-engagement a:focus-visible,.blf8-keep a:focus-visible,.blf8-helper summary:focus-visible,.blf8-helper textarea:focus-visible,.blf8-helper select:focus-visible,.blf8-share-tools select:focus-visible,.blf8-copy-fallback textarea:focus-visible{outline:3px solid #aadeff;outline-offset:3px}
.blf8-helper button:disabled{opacity:.48;cursor:not-allowed}
[data-v8-js-only][hidden],[data-experience-fields][hidden],[data-question-fields][hidden],[data-draft-review][hidden]{display:none!important}
@media(max-width:1100px){.blf8-keep-grid{grid-template-columns:1fr}.blf8-follow{padding:1.1rem 0 0;border-left:0;border-top:1px solid #28414d}}
@media(max-width:600px){.blf8-input-grid{grid-template-columns:1fr;gap:0}.blf8-engagement,.blf8-keep{padding:1rem;border-radius:14px}.blf8-helper-body{padding:.85rem}.blf8-button-row{align-items:stretch}.blf8-button-row .button{width:100%}.blf8-follow .button{width:100%}.blf8-source{font-size:.83rem}.blf8-helper>summary{padding:.85rem}.blf8-freshness{width:calc(100% - 2rem)}}
@media(prefers-reduced-motion:reduce){.blf8-engagement *,.blf8-keep *{scroll-behavior:auto;transition:none!important}}
@media print{.blf8-engagement,.blf8-keep,.blf8-freshness{display:none}}

@media(max-width:800px){body.blf8-writing .mobile-cta{display:none!important}}
