/* Before/After component (2026-10-14 Step 4) — inc/before-after.php */
.adsc-ba{max-width:820px;margin:2.5rem auto;padding:0}
html body .adsc-ba p.adsc-ba-eyebrow{margin:0 0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7a6837!important;font-family:inherit}
.adsc-ba-fig{margin:0 0 1rem}
.adsc-ba-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(23,40,82,.12);box-shadow:0 10px 28px rgba(12,22,48,.10);background:#0f1c3d}
.adsc-ba-frame img{display:block;width:100%;height:auto}
.adsc-ba-tag{position:absolute;top:12px;padding:.3rem .7rem;border-radius:999px;background:rgba(12,22,48,.78);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(212,175,111,.7)}
.adsc-ba-tag--b{left:12px}
.adsc-ba-tag--a{left:calc(50% + 12px)}
html body .adsc-ba ul.adsc-ba-notes{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;list-style:none;margin:0;padding:0;font-size:.85rem!important;line-height:1.5;color:#4a5468}
html body .adsc-ba ul.adsc-ba-notes li{margin:0!important;padding:0 0 0 .9rem;position:relative;font-size:.85rem!important;list-style:none}
html body .adsc-ba ul.adsc-ba-notes li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#d4af6f}