/* Shared article orientation. Matches the existing dark hero and Inter typography. */
.mund-breadcrumbs { margin: 0 0 28px; color: #c5d0d6; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 0; }
.mund-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 0; margin: 0; padding: 0; list-style: none; }
.mund-breadcrumbs li { display: flex; align-items: baseline; min-width: 0; }
.mund-breadcrumbs li + li::before { content: "/"; margin: 0 10px; color: #9eb0b9; }
.mund-breadcrumbs a { position: relative; color: inherit; text-decoration: none; }
.mund-breadcrumbs a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.mund-breadcrumbs a:hover::after, .mund-breadcrumbs a:focus-visible::after { transform: scaleX(1); }
.mund-breadcrumbs a:focus-visible { outline: 2px solid #c5d0d6; outline-offset: 4px; border-radius: 2px; }
.mund-breadcrumbs [aria-current="page"] { color: #fff; }
@media (max-width: 767px) { .mund-breadcrumbs { margin-bottom: 24px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .mund-breadcrumbs a::after { transition: none; } }