.mm-fundamentals {
  --mm-blue: #0788ff;
  --mm-navy: #0d172b;
  --mm-panel: #172337;
  --mm-border: #526078;
  --mm-muted: #aab3c2;
  color: #fff;
  margin-inline: auto;
  max-width: 1200px;
  padding: 24px 0 40px;
}

.mm-fundamentals *, .mm-fundamentals *::before, .mm-fundamentals *::after { box-sizing: border-box; }
.mm-fundamentals__filters { display: flex; gap: 10px; margin-bottom: 38px; overflow-x: auto; padding-bottom: 6px; }
.mm-fundamentals__filters button {
  background: transparent;
  border: 1px solid var(--mm-border);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font: inherit;
  padding: 9px 16px;
}
.mm-fundamentals__filters button:hover, .mm-fundamentals__filters button:focus-visible,
.mm-fundamentals__filters button.is-active { background: var(--mm-blue); border-color: var(--mm-blue); }
.mm-fundamentals__group { margin-bottom: 44px; }
.mm-fundamentals__group h2 { color: #fff; font-size: 1.55rem; margin: 0 0 18px; }
.mm-fundamentals__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mm-fundamental-card { background: var(--mm-panel); border: 1px solid var(--mm-border); display: flex; flex-direction: column; min-height: 210px; padding: 22px; }
.mm-fundamental-card h3 { font-size: 1.08rem; line-height: 1.35; margin: 0 0 12px; }
.mm-fundamental-card h3 a { color: #fff; text-decoration: none; }
.mm-fundamental-card h3 a:hover, .mm-fundamental-card h3 a:focus-visible { color: var(--mm-blue); }
.mm-fundamental-card p { color: var(--mm-muted); line-height: 1.55; margin: 0 0 18px; }
.mm-fundamental-card__link { color: var(--mm-blue); font-weight: 700; margin-top: auto; text-decoration: none; }
.mm-fundamental-card__link:hover, .mm-fundamental-card__link:focus-visible { text-decoration: underline; }
.mm-fundamentals [hidden] { display: none; }

@media (max-width: 860px) {
  .mm-fundamentals { padding-inline: 16px; }
  .mm-fundamentals__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .mm-fundamentals__grid { grid-template-columns: 1fr; }
}