.mangano-blog-hub {
  --mbh-navy: #002e3f;
  --mbh-yellow: #f9cc00;
  --mbh-muted: #5c6670;
  scroll-margin-top: 30px;
}
.mbh-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 34px;
  padding: 2px;
  overflow: visible;
}
.mbh-filter {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(0,46,63,.10);
  border-radius: 999px;
  background: var(--mbh-yellow);
  box-shadow: 0 5px 13px rgba(0,46,63,.07);
  color: var(--mbh-navy) !important;
  font: 700 11px/1.1 Montserrat,Helvetica,Arial,sans-serif;
  letter-spacing: .15px;
  white-space: nowrap;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.mbh-filter:hover,.mbh-filter:focus-visible,.mbh-filter.is-active {
  background: var(--mbh-navy);
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0,46,63,.18);
  transform: translateY(-1px);
}
.mbh-filter:focus-visible,.mbh-load-more:focus-visible,.mbh-page:focus-visible,.mbh-card__more:focus-visible {
  outline: 3px solid rgba(249,204,0,.5);
  outline-offset: 3px;
}
.mbh-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 26px;
}
.mbh-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0,46,63,.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(0,46,63,.10);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mbh-card:hover {transform: translateY(-4px);box-shadow: 0 20px 44px rgba(0,46,63,.15)}
.mbh-card__image {display:block;aspect-ratio:16/10;overflow:hidden;background:#dce4e7}
.mbh-card__image img {width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.mbh-card:hover .mbh-card__image img {transform:scale(1.035)}
.mbh-card__placeholder {display:block;width:100%;height:100%;background:linear-gradient(135deg,#e7ecee,#cdd9dd)}
.mbh-card__body {display:flex;flex:1;flex-direction:column;padding:27px 28px 30px}
.mbh-card__title {margin:0 0 14px;padding:0;color:var(--mbh-navy);font:700 clamp(21px,1.65vw,25px)/1.3 Poppins,Helvetica,Arial,sans-serif}
.mbh-card__title a {color:inherit!important}
.mbh-card__meta {display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px;color:#9b7900;font:600 13px/1.5 Montserrat,Helvetica,Arial,sans-serif}
.mbh-card__excerpt {margin:0 0 22px;color:var(--mbh-muted);font:400 16px/1.75 'Open Sans',Arial,sans-serif}
.mbh-card__more,.mbh-load-more,.mbh-empty__link {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:999px;background:var(--mbh-yellow);color:var(--mbh-navy)!important;font:700 14px/1 Montserrat,Helvetica,Arial,sans-serif;box-shadow:0 8px 20px rgba(0,46,63,.13);transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease
}
.mbh-card__more {align-self:flex-start;margin-top:auto}
.mbh-card__more:hover,.mbh-load-more:hover,.mbh-empty__link:hover {background:var(--mbh-navy);color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,46,63,.2)}
.mbh-load-more-wrap {display:flex;justify-content:center;margin-top:44px}
.mbh-load-more {min-width:250px;background:var(--mbh-navy);color:#fff!important}
.mbh-load-more:hover {background:var(--mbh-yellow);color:var(--mbh-navy)!important}
.mbh-pagination {display:flex;align-items:center;justify-content:center;gap:14px;margin-top:46px}
.mbh-page-numbers {display:flex;gap:8px}
.mbh-page {display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:10px;border:1px solid rgba(0,46,63,.18);border-radius:50%;background:#fff;color:var(--mbh-navy)!important;font:700 14px/1 Montserrat,Helvetica,Arial,sans-serif;transition:.2s ease}
.mbh-page--direction {gap:7px;width:auto;padding-inline:17px;border-radius:999px}
.mbh-page:hover,.mbh-page.is-current {border-color:var(--mbh-yellow);background:var(--mbh-yellow)}
.mbh-empty {padding:54px 28px;border:1px solid rgba(0,46,63,.10);border-radius:18px;background:#fff;text-align:center;box-shadow:0 14px 36px rgba(0,46,63,.07)}
.mbh-empty__mark {display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:20px;border-radius:50%;background:var(--mbh-yellow);color:var(--mbh-navy);font:800 24px/1 Poppins,sans-serif}
.mbh-empty h2 {color:var(--mbh-navy);font:700 25px/1.3 Poppins,sans-serif}
.mbh-empty p {max-width:600px;margin:0 auto 24px;color:var(--mbh-muted);font:400 16px/1.7 'Open Sans',sans-serif}
.mangano-blog-hub.is-loading {pointer-events:none}
.mangano-blog-hub.is-loading .mbh-results {opacity:.45;transition:opacity .15s ease}
@media (min-width:981px) {
  .mbh-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px) {
  .mbh-filters {flex-wrap:nowrap;justify-content:flex-start;margin-inline:-20px;margin-bottom:28px;padding:4px 20px 10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mbh-filters::-webkit-scrollbar {display:none}
  .mbh-filter {min-height:46px;padding-inline:16px}
  .mbh-grid {grid-template-columns:1fr;gap:24px}
  .mbh-card {border-radius:16px}
  .mbh-card__body {padding:24px 22px 26px}
  .mbh-card__title {font-size:23px}
  .mbh-card__excerpt {font-size:15px}
  .mbh-card__more,.mbh-load-more {width:100%;min-height:50px}
  .mbh-pagination {flex-wrap:wrap;gap:10px;margin-top:36px}
  .mbh-page--direction span {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (prefers-reduced-motion:reduce) {
  .mbh-card,.mbh-card__image img,.mbh-filter,.mbh-card__more,.mbh-load-more {transition:none!important}
}