.assembly-breadcrumb { display:block!important; visibility:visible; clear:both; width:100%; box-sizing:border-box; margin:16px 0 22px; padding:12px 16px; border:1px solid #ddd; border-radius:4px; background:#f7f7f7; color:#444; font:16px/1.5 Arial,sans-serif; }
.assembly-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:6px 0; margin:0; padding:0; list-style:none; }
.assembly-breadcrumb li { display:inline-flex; align-items:baseline; min-width:0; max-width:100%; }
.assembly-breadcrumb li:not(:last-child):after { content:'›'; flex-shrink:0; padding:0 10px; color:#777; }
.assembly-breadcrumb a { display:inline-block; padding:4px 0; color:#a4001b; text-decoration:none; overflow-wrap:anywhere; }
.assembly-breadcrumb a:hover { text-decoration:underline; }
.assembly-breadcrumb a:focus-visible { outline:3px solid #236baf; outline-offset:3px; }
.assembly-breadcrumb [aria-current] { font-weight:600; overflow-wrap:anywhere; }
@media(max-width:700px) { .assembly-breadcrumb { display:block!important; margin:12px 0 18px; padding:10px 12px; font-size:15px; } .assembly-breadcrumb a { padding:8px 0; } }
@media print { .assembly-breadcrumb { border:0; background:none; } }
/* The header, main and footer are body siblings in both site templates.
   Grow main rather than fixing the footer or guessing header/footer heights. */
body:has(.assembly-breadcrumb) { display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; }
body:has(.assembly-breadcrumb) > #site-main { flex:1 0 auto; width:100%; }
body:has(.assembly-breadcrumb) > .main_container,
body:has(.assembly-breadcrumb) > .container:has(> .footer) { flex-shrink:0; }
@media print { body:has(.assembly-breadcrumb) { display:block; min-height:0; } }