/* Material-guide breadcrumbs only. Static HTML works without scripts or CSS. */
.material-breadcrumb { display: block; margin: 20px 0 0; padding: 0 5%; font: 15px/1.6 Arial, sans-serif; color: #343e35; }
.material-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; list-style: none; padding: 0; margin: 0; }
.material-breadcrumb li { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; margin: 0; overflow-wrap: anywhere; }
.material-breadcrumb a { min-height: 44px; color: #304934; text-decoration: underline; text-underline-offset: .18em; }
.material-breadcrumb a:focus-visible { outline: 3px solid #9b421e; outline-offset: 3px; border-radius: 2px; }
.material-breadcrumb [aria-current="page"] { font-weight: 600; padding-block: 10px; }
.material-breadcrumb .breadcrumb-separator { color: #566052; flex: 0 0 auto; }
@media print { .material-breadcrumb { font-size: 10pt; margin-top: 8pt; } .material-breadcrumb a { min-height: 0; color: #000; } }
@media (forced-colors: active) { .material-breadcrumb a { color: LinkText; } .material-breadcrumb a:focus-visible { outline-color: Highlight; } }