/* All inner routes share this band. Homepage overlays are intentionally excluded. */
main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) {
 display: flex; align-items: center; flex-wrap: wrap; gap: .35rem;
 width: 100%; max-width: none; min-height: 0; margin: 0; border: 0;
 padding: .85rem max(2rem, calc((100% - 76rem) / 2));
 background: #f3f0e9; color: #6f5d43; opacity: 1;
 font-family: Roboto, Arial, sans-serif; font-size: .72rem;
 font-weight: 500; letter-spacing: .045em; line-height: 1.5;
}
main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) > a {
 color: inherit; opacity: 1; text-decoration: none;
}
main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) > a:hover {
 color: #54442f; text-decoration: underline; text-underline-offset: .2em;
}
main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) > a:focus-visible {
 outline: 2px solid #6f5d43; outline-offset: 3px;
}
main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) > span {
 color: inherit; opacity: 1;
}
@media (min-width:768px) and (max-width:1023px) {
 main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) { padding-inline: 1.5rem; }
}
@media (max-width:767px) {
 main:not(.home-lv) > nav:is(.service-breadcrumb, .lesson-breadcrumb, .breadcrumb, .sales-breadcrumb, .shop-breadcrumb) { padding: .7rem 1rem; font-size: .68rem; }
}