/* Shared catalog card. Brand content and the approved wallet asset are preserved. */
html #mfo-grid .mfo-card--v3 {
  --v3-ink:#0b2547; --v3-muted:#4d6480; --v3-line:#dce6f3;
  --v3-blue:#0961de; --v3-soft:#f3f7fe;
  min-height:0; gap:16px;
}
html #mfo-grid .mfo-card--v3 .mfo-v3-promo {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 12px;
  padding:16px 18px; border:1px solid #b9e445; border-radius:17px;
  background:linear-gradient(108deg,#d7fc7a,#b8ee32); color:#1c3603;
  box-shadow:inset 0 1px 0 #f8ffe4;
}
.mfo-v3-promo__copy { align-self:center; }
.mfo-v3-promo__copy > span { display:block; font-size:14px; line-height:1.3; font-weight:600; }
html #mfo-grid .mfo-v3-promo h4 { margin:4px 0 0; font-size:23px; line-height:1.15; letter-spacing:-.035em; color:#1c3603; }
.mfo-v3-promo__rate { font-size:58px; line-height:1; font-weight:850; letter-spacing:-.055em; white-space:nowrap; }
.mfo-v3-promo__rate > span { font-size:35px; }
html #mfo-grid .mfo-v3-promo p { grid-column:1/-1; margin:0; font-size:14px; line-height:1.45; color:#284406; }
.mfo-v3-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border:1px solid var(--v3-line); border-radius:17px; overflow:hidden; }
.mfo-v3-stat { min-width:0; padding:15px; }
html #mfo-grid .mfo-card--v3 .mfo-v3-stat:nth-child(n) { grid-column:auto; grid-row:auto; }
.mfo-v3-stat:nth-child(odd) { border-right:1px solid var(--v3-line); }
.mfo-v3-stat:nth-child(n+3) { border-top:1px solid var(--v3-line); background:var(--v3-soft); }
.mfo-v3-stat dt { display:flex; align-items:center; gap:7px; font-size:14px; line-height:1.4; color:var(--v3-muted); font-weight:600; }
.mfo-v3-stat dt svg { flex:0 0 19px; width:19px; height:19px; color:var(--v3-blue); }
.mfo-v3-stat dd { margin:7px 0 0; }
.mfo-v3-stat strong { display:block; font-size:25px; font-weight:800; line-height:1.2; letter-spacing:-.04em; color:var(--v3-ink); white-space:nowrap; }
.mfo-v3-stat:nth-child(n+3) strong { color:var(--v3-blue); }
.mfo-v3-stat--range strong { font-size:23px; letter-spacing:-.055em; }
.mfo-v3-prefix { font-size:.65em; font-weight:650; letter-spacing:0; }
.mfo-v3-stat dd > span { display:block; margin-top:5px; font-size:13px; line-height:1.4; color:var(--v3-muted); overflow-wrap:break-word; hyphens:auto; }
.mfo-card--v3 :is(.mfo-v3-stats,.mfo-v3-decision,.mfo-v3-practical,.mfo-card__cta) svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mfo-v3-decision { display:flex; align-items:center; gap:13px; padding:16px; background:var(--v3-soft); border:1px solid var(--v3-line); border-radius:17px; }
.mfo-v3-decision__icon { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; color:var(--v3-blue); background:#fff; border:1px solid #d3e2fa; border-radius:14px; box-shadow:0 4px 9px #0e52bd0a; }
.mfo-v3-decision__icon svg { width:27px; height:27px; }
html #mfo-grid .mfo-v3-decision h4 { margin:0; color:var(--v3-muted); font-size:14px; font-weight:600; line-height:1.35; }
.mfo-v3-decision strong { display:block; margin:3px 0; color:var(--v3-ink); font-size:22px; line-height:1.2; letter-spacing:-.02em; }
html #mfo-grid .mfo-v3-decision p { margin:0; color:var(--v3-muted); font-size:13px; line-height:1.4; }
.mfo-v3-practical { display:flex; gap:10px; margin:0; padding:0; list-style:none; }
.mfo-v3-practical li { display:flex; flex:1; align-items:center; min-width:0; gap:8px; padding:4px 0; color:var(--v3-muted); font-size:14px; font-weight:600; line-height:1.35; }
.mfo-v3-practical li + li { border-left:1px solid var(--v3-line); padding-left:12px; }
.mfo-v3-practical svg { color:var(--v3-blue); flex:0 0 21px; width:21px; height:21px; }
html #mfo-grid .mfo-card--v3 .mfo-card__actions { padding:0; margin:0; }
html #mfo-grid .mfo-card--v3 .mfo-card__actions > * { min-height:52px; font-size:14px; }
html #mfo-grid .mfo-card--v3 .mfo-card__cta { white-space:nowrap; justify-content:center; padding:10px 8px; }
.mfo-card--v3 .mfo-card__cta svg { width:18px; height:18px; margin-left:5px; }
html #mfo-grid .mfo-card--v3 .mfo-v3-details dl { display:block; margin:0; }
html #mfo-grid .mfo-card--v3 .mfo-v3-details dl > div { display:block; padding:13px 0; border-top:1px solid var(--v3-line); }
.mfo-v3-details dt { color:var(--v3-ink) !important; font-size:15px; line-height:1.4; font-weight:750; }
html #mfo-grid .mfo-v3-details dd { margin:6px 0 0; color:var(--v3-muted); font-size:14px; line-height:1.55; font-weight:400; overflow-wrap:normal; }
html #mfo-grid .mfo-card--v3 .mfo-v3-registry { margin:8px 0; font-size:12px; overflow-wrap:anywhere; }
.mfo-v3-sources { display:flex; flex-wrap:wrap; gap:0 14px; }
:root[data-theme="dark"] #mfo-grid .mfo-card--v3 { --v3-ink:#edf4ff; --v3-muted:#b1c3dc; --v3-line:#354a65; --v3-blue:#87bcff; --v3-soft:#14273f; }
:root[data-theme="dark"] .mfo-v3-decision__icon { background:#12345a; color:#83beff; border-color:#3a618f; box-shadow:none; }
@media(max-width:850px) { html #mfo-grid .mfo-card--v3 { padding:18px; gap:14px; } .mfo-v3-stat { padding:13px 11px; } .mfo-v3-stat strong { font-size:23px; } }
@media(max-width:739px) { .mfo-v3-stat strong { font-size:27px; } }
@media(max-width:390px) { html #mfo-grid .mfo-card--v3 { padding:16px; gap:14px; } .mfo-v3-stat strong { font-size:24px; } .mfo-v3-stat { padding:13px 11px; } .mfo-v3-decision { padding:14px 12px; gap:10px; } }
@media(max-width:390px) { .mfo-v3-stat--range strong { font-size:21px; } .mfo-card--v3 .mfo-card__cta svg { display:none; } }
@media(max-width:340px) { .mfo-v3-stat strong { font-size:21px; } .mfo-v3-stat--range strong { font-size:19px; } .mfo-v3-stat dt { display:block; min-height:47px; } .mfo-v3-stat dt svg { display:block; margin-bottom:7px; } html #mfo-grid .mfo-v3-promo { padding:15px 13px; } html #mfo-grid .mfo-v3-promo h4 { font-size:21px; } .mfo-v3-promo__rate { font-size:50px; } .mfo-v3-decision strong { font-size:20px; } }
/* The production catalog has narrower gutters than the review canvas. */
html #mfo-grid .mfo-v3-promo--feature { min-height:116px; align-items:center; }
.mfo-v3-promo__symbol { display:grid; place-items:center; width:48px; height:48px; border:1px solid #8fc323; border-radius:15px; color:#315a05; background:#edffc070; }
.mfo-v3-promo__symbol svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
html #mfo-grid .mfo-v3-promo--feature p:empty { display:none; }
.mfo-v3-stat strong { white-space:normal; }
.mfo-v3-stat--text strong { font-size:20px; letter-spacing:-.02em; }
html #mfo-grid .mfo-card--v3 .mfo-brand__text { min-width:0; overflow-wrap:break-word; }
html #mfo-grid .mfo-card--v3 .mfo-brand__text h2 { overflow-wrap:break-word; }
html #mfo-grid .mfo-card--v3:not(.mfo-card--long-name) .mfo-brand { width:calc(100% - 124px); flex-wrap:wrap; }
html #mfo-grid .mfo-card--v3:not(.mfo-card--long-name) .mfo-brand__text { flex:1 1 125px; }
html #mfo-grid:not(:has(details[open])) .mfo-card--v3 { align-self:stretch; }
html #mfo-grid .mfo-card--v3 .mfo-card__actions { margin-top:auto; }
@media(max-width:390px) { html #mfo-grid .mfo-card--v3:not(.mfo-card--long-name) .mfo-brand { width:calc(100% - 104px); } }
@media(max-width:359px) { html #mfo-grid .mfo-card--v3:not(.mfo-card--long-name) .mfo-brand { width:calc(100% - 90px); } }
@media(max-width:390px) { .mfo-v3-stat--text strong { font-size:18px; } }
@media(max-width:340px) { .mfo-v3-stat--text strong { font-size:16px; } html #mfo-grid .mfo-v3-promo--feature h4 { font-size:20px; } }
@media(max-width:850px) { .mfo-v3-stat--range strong { font-size:20px; } }
@media(max-width:390px) { .mfo-v3-stat.mfo-metric--amount strong { font-size:23px; } }
@media(max-width:340px) { .mfo-v3-stat.mfo-metric--amount strong { font-size:20px; } .mfo-v3-stat--range strong { font-size:18px; } }
html #mfo-grid .mfo-v3-stat.mfo-v3-stat--text strong { font-size:20px; white-space:normal; }
html #mfo-grid .mfo-v3-promo--feature h4 { overflow-wrap:break-word; hyphens:auto; }
html #mfo-grid .mfo-card--long-name .mfo-card__header { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:10px; min-height:0; }
html #mfo-grid .mfo-card--long-name .mfo-brand { display:contents; }
html #mfo-grid .mfo-card--long-name .mfo-brand__mark { grid-area:1/1; }
html #mfo-grid .mfo-card--long-name .mfo-brand__text { grid-area:2/1/3/3; width:auto; max-width:none; }
html #mfo-grid .mfo-card--long-name .mfo-brand__text h2 { font-size:21px; line-height:1.2; }
html #mfo-grid .mfo-card--long-name .mfo-card__wallet { grid-area:1/2; position:static; width:112px; height:auto; }
@media(max-width:850px) { html #mfo-grid .mfo-v3-stat.mfo-v3-stat--text strong { font-size:18px; } }
@media(max-width:390px) { html #mfo-grid .mfo-v3-promo--feature { grid-template-columns:minmax(0,1fr); } html #mfo-grid .mfo-v3-promo--feature .mfo-v3-promo__symbol { display:none; } }
@media(max-width:340px) { html #mfo-grid .mfo-v3-stat.mfo-v3-stat--text strong { font-size:16px; } html #mfo-grid .mfo-card--long-name .mfo-brand__text h2 { font-size:19px; } }
