.milksy-breadcrumbs {
  width: min(1200px, calc(100% - 48px));
  margin: 20px auto;
  color: #283548;
  font-size: 14px;
  line-height: 1.65;
}
.milksy-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; padding: 0; margin: 0; list-style: none; }
.milksy-breadcrumbs li { display: inline; overflow-wrap: anywhere; }
.milksy-breadcrumbs li + li::before { content: "/"; margin: 0 10px; color: #566479; }
.milksy-breadcrumbs a { color: #185786; text-decoration: underline; text-underline-offset: 3px; }
.milksy-breadcrumbs a:hover { color: #0b3657; }
.milksy-breadcrumbs a:focus-visible { outline: 2px solid #157EE9; outline-offset: 4px; border-radius: 2px; }
.milksy-breadcrumbs [aria-current] { color: inherit; }
html[data-milksy-theme="dark"] .milksy-breadcrumbs { color: #FAFAFA; }
html[data-milksy-theme="dark"] .milksy-breadcrumbs li + li::before { color: #b6c6d8; }
html[data-milksy-theme="dark"] .milksy-breadcrumbs a { color: #7CC4FF; }
html[data-milksy-theme="dark"] .milksy-breadcrumbs a:hover { color: #b9dfff; }
html[data-milksy-theme="dark"] .milksy-breadcrumbs a:focus-visible { outline-color: #7CC4FF; }
@media (max-width: 600px) { .milksy-breadcrumbs { width: calc(100% - 32px); font-size: 13px; } }