.breadcrumb-container{background:#f6f7f7;border-bottom:1px solid #e5e7eb;padding:1rem}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb-item{color:#6b7280;align-items:center;gap:.5rem;display:flex}.breadcrumb-item.collapsed{display:none}.breadcrumb-item.active{color:#111827;font-weight:500}.separator{color:#9ca3af;flex-shrink:0}.link{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.375rem;max-width:200px;text-decoration:none;transition:color .2s;display:flex;overflow:hidden}.link:hover{color:#111827;text-decoration:underline}.home-icon{flex-shrink:0}.home-text{display:inline}.current{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.ellipsis{color:#9ca3af;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600}@media (max-width:768px){.breadcrumb-container{padding:.75rem 1rem}.breadcrumb{gap:.375rem;font-size:.8125rem}.home-text{display:none}.link{max-width:150px}.current{max-width:200px}}@media (max-width:480px){.breadcrumb-container{padding:.625rem .75rem}.breadcrumb{gap:.25rem;font-size:.75rem}.breadcrumb-item:not(:first-child):not(:last-child):not(.collapsed){display:none}.breadcrumb-item.collapsed{display:flex}.link{max-width:120px}.current{max-width:150px}.separator{margin:0 -.125rem}}@media (max-width:360px){.link{max-width:80px}.current{max-width:100px}}