/* ── Breadcrumb — arkansasdwilawyer.com ─────────────────────────────────────
   Static positioning by design: breadcrumb-bar.js inserts .wj-bc directly
   before #main-content, which by construction always sits after the hero
   (position:absolute #site-header pages) or after the header itself
   (body.no-hero, position:static #site-header pages) -- no sticky/fixed
   offset needed on either template. */
.wj-bc { font-size: .82rem; background: var(--light); border-bottom: 1px solid #e3e3e3; padding: .7rem 1.5rem; }
.wj-bc ol { list-style: none; padding: 0; margin: 0 auto; max-width: var(--maxw); display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .4rem; }
.wj-bc li { display: flex; align-items: center; gap: .4rem; color: var(--text); opacity: .75; }
.wj-bc li + li::before { content: "/"; opacity: .5; }
.wj-bc a { color: var(--navy); text-decoration: none; }
.wj-bc a:hover { color: var(--primary); text-decoration: underline; }
.wj-bc li[aria-current="page"] span { color: var(--text); opacity: 1; font-weight: 600; }
@media (max-width: 640px) { .wj-bc { font-size: .76rem; padding: .6rem 1rem; } }