.bdm-project-navigation.container {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 18px 24px;
 width: calc(100% - 80px);
 max-width: 1280px;
 margin: 0 auto;
 padding: 24px 0 48px;
 border-top: 1px solid #e7e5e0;
 color: #6b311c;
}
.bdm-project-navigation a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 48px;
 color: #6b311c;
 font-size: 18px;
 line-height: 1.5;
 overflow-wrap: anywhere;
 text-underline-offset: 5px;
}
.bdm-project-category-link { text-decoration: underline; }
.bdm-project-navigation .bdm-project-next {
 gap: 16px;
 padding: 10px 20px;
 border: 1px solid currentColor;
 border-radius: 8px;
 text-decoration: none;
}
.bdm-project-next svg { flex: 0 0 24px; }
.bdm-project-next:hover { background: #f5eeeb; }
.bdm-project-navigation a:focus-visible { outline: 3px solid #6b311c; outline-offset: 4px; }
[dir="rtl"] .bdm-project-next svg { transform: scaleX(-1); }
@media (max-width: 800px) {
 .bdm-project-navigation.container { width: calc(100% - 36px); padding-bottom: 32px; }
}
@media (max-width: 360px) {
 .bdm-project-navigation { gap: 12px; }
 .bdm-project-navigation a { font-size: 17px; }
 .bdm-project-navigation .bdm-project-next { gap: 10px; padding-inline: 14px; }
}
@media (forced-colors: active) {
 .bdm-project-navigation a:focus-visible { outline-color: Highlight; }
}