.breadcrumb-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:.95em;color:#0d1a26;justify-content:flex-start;margin-bottom:1rem;font-size:1.1rem;text-shadow:0 1px 3px rgba(255,255,255,.8),0 0px 1px #90caf9}.breadcrumb-nav button{color:#0d1a26;font-weight:700}@media (max-width: 600px){.breadcrumb-nav{font-size:.85em;gap:.15rem;padding:.25em .1em;overflow-x:auto;scrollbar-width:thin;margin-bottom:.6rem}.breadcrumb-nav .breadcrumb-btn{padding:.25em;font-size:.95em;min-width:2.5em;white-space:nowrap}.breadcrumb-nav .breadcrumb-sep{font-size:1em}}.breadcrumb-nav .breadcrumb-sep{color:#444}.breadcrumb-nav .breadcrumb-btn{background:#ffffffb3;padding:.4em .7em;border-radius:.35em;color:#0d1a26;font-weight:700;cursor:pointer;transition:background .2s,color .2s;text-shadow:0 1px 3px rgba(255,255,255,.8),0 0px 1px #90caf9;box-shadow:0 2px 8px #2196f314;background-image:linear-gradient(135deg,#fff,#fffffe);border:2px solid #e0e7ef;transition:all .2s}body.dark .breadcrumb-nav .breadcrumb-btn{background:#1c1c37d9;background-image:linear-gradient(135deg,#1e293b,#0f172a);color:#eee;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0px 1px #222;border:2px solid #334155;box-shadow:0 2px 12px #dbeafe44}.breadcrumb-nav .breadcrumb-btn:first-child{font-size:1.6rem}.breadcrumb-nav .breadcrumb-btn:hover:not(:disabled){background:#bbdefb;color:#1565c0}.breadcrumb-nav .breadcrumb-btn:disabled{font-weight:700;color:#1565c0;cursor:default;text-shadow:0 1px 3px rgba(255,255,255,.8),0 0px 1px #90caf9}.dark .breadcrumb-nav .breadcrumb-btn:disabled{color:#6af;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0px 1px #222}body.dark .breadcrumb-nav{color:#bbb}body.dark .breadcrumb-nav .breadcrumb-sep,body.dark .breadcrumb-nav button{color:#fff}body.dark .breadcrumb-nav .breadcrumb-btn{color:#eee;filter:none}body.dark .breadcrumb-nav .breadcrumb-btn:hover:not(:disabled){background:#222;color:#6af}.breadcrumb-nav.small{font-size:.9rem;margin-bottom:0}