/* Middlemarch Transactions – base styles. Site-wide .mm-card rules (Additional CSS) still apply on top. */
.mm-tx { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; width: 100%; }
.mm-tx .mm-grid, .mm-tx .mm-grid > .stk-row { display: contents !important; }
.mm-tx .mm-card { position: relative; min-width: 0; margin: 0 !important; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.mm-tx .mm-card:focus-visible { outline: 2px solid var(--theme-palette-color-1, #1A2552); outline-offset: 3px; }
.mm-tx .mm-card > .stk-column-wrapper, .mm-tx .mm-card > .stk-column-wrapper > .stk-block-content { height: 100%; margin: 0 !important; padding: 0 !important; }
.mm-tx .mm-faces, .mm-tx .mm-faces > .stk-row { height: 100%; }
.mm-tx .mm-faces > .stk-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 1fr !important; }
.mm-tx .mm-faces > .stk-row > .stk-block-column { grid-area: 1 / 1 / 2 / 2 !important; width: 100% !important; margin: 0 !important; transition: opacity .45s, visibility .45s; }
.mm-tx .mm-faces > .stk-row > .stk-block-column > .stk-column-wrapper { height: 100%; margin: 0 !important; }
.mm-tx .mm-card__front, .mm-tx .mm-card__back { background: #fff !important; }
.mm-tx .mm-card__front > .stk-column-wrapper { padding: 34px !important; background: transparent !important; }
.mm-tx .mm-card__back > .stk-column-wrapper { padding: 45px 30px !important; background: transparent !important; }
.mm-tx .mm-card__front > .stk-column-wrapper > .stk-block-content,
.mm-tx .mm-card__back > .stk-column-wrapper > .stk-block-content { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.mm-tx .mm-card__front > .stk-column-wrapper > .stk-block-content { align-items: center; text-align: center; }
.mm-tx .mm-card__back,
.mm-tx .mm-card:focus .mm-card__front, .mm-tx .mm-card:focus-within .mm-card__front,
.mm-tx .mm-card.is-flipped .mm-card__front { opacity: 0; visibility: hidden; }
.mm-tx .mm-card:focus .mm-card__back, .mm-tx .mm-card:focus-within .mm-card__back,
.mm-tx .mm-card.is-flipped .mm-card__back { opacity: 1; visibility: visible; }
body .mm-tx .mm-card.is-unflipped.is-unflipped .mm-card__front { opacity: 1; visibility: visible; }
body .mm-tx .mm-card.is-unflipped.is-unflipped .mm-card__back { opacity: 0; visibility: hidden; }
.mm-tx .mm-card__logo { margin: 0 auto !important; }
.mm-tx .mm-card__logo img { width: 300px; max-width: 100%; height: auto; display: block; margin: 0 auto; }
.mm-tx .mm-card__name { font-family: "Libertinus Serif", serif; font-size: 36px; line-height: 1.2; color: var(--theme-palette-color-1, #1A2552); min-height: 150px; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 !important; }
.mm-tx .mm-card__amount { text-align: center; color: var(--theme-palette-color-1, #1A2552); margin: 24px 0 0 !important; }
.mm-tx .mm-row { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; gap: .5em; width: 100%; margin: 0 !important; }
.mm-tx .mm-row + .mm-row { margin-top: 22px !important; }
.mm-tx .mm-label { flex: 0 0 auto; color: var(--theme-palette-color-1, #1A2552) !important; margin: 0 !important; }
.mm-tx .mm-value { flex: 1 1 auto; text-align: right; margin: 0 !important; }
@media (max-width: 999px) { .mm-tx { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .mm-tx { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } }
@media (max-width: 560px) {
  .mm-tx .mm-row { flex-flow: column !important; gap: 2px !important; }
  .mm-tx .mm-value { text-align: left !important; }
  .mm-tx .mm-row + .mm-row { margin-top: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .mm-tx .mm-faces > .stk-row > .stk-block-column { transition: none !important; } }
/* Grey logo option (white/light logos) */
.mm-tx .mm-card__logo--grey img { filter: brightness(0) invert(.5); }