/* Small additions for the money pages (scripts/seo/enrich-money-pages.js). Uses the site-v3 tokens only. */
.mp-fig { margin: 0 0 28px; border: 1px solid var(--li-ink); background: var(--li-panel); }
.mp-fig img { display: block; width: 100%; height: auto; }
.mp-fig figcaption { padding: 12px 16px; border-top: 1px solid var(--li-soft-line); color: var(--li-muted); font-size: 14px; line-height: 1.55; }
.mp-fig.is-narrow { max-width: 460px; }
.mp-dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 0 0 26px; }
.mp-dl a { display: block; padding: 16px 18px; border: 1px solid var(--li-ink); border-left: 6px solid var(--li-green); background: var(--li-panel); color: var(--li-ink); text-decoration: none !important; }
.mp-dl a:hover { background: #f7f4ec; }
.mp-dl strong { display: block; font-size: 16px; line-height: 1.3; }
.mp-dl span { display: block; margin-top: 6px; color: var(--li-muted); font-family: var(--li-mono); font-size: 12px; line-height: 1.5; }
.mp-tested { margin: 0 0 26px; padding: 18px 22px; border: 1px solid var(--li-ink); border-left: 6px solid var(--li-green); background: var(--li-panel); font-size: 15px; line-height: 1.6; }
.mp-tested > strong { display: block; margin-bottom: 8px; font-family: var(--li-mono); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--li-green); }
.mp-tested p { margin: 0 0 8px; }
.mp-tested p:last-child { margin-bottom: 0; }
.mp-tested.is-open { border-left-color: #f1ba2b; background: #fbf3d6; }
.mp-tested.is-open > strong { color: #7a5a00; }
.mp-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; margin: 0 0 24px; }
.mp-cols > div > h3 { margin-top: 0; }
.mp-small { color: var(--li-muted); font-size: 14px; }
.mp-fig + .mp-fig { margin-top: -8px; }
.lp-table td code, .lp-table th code { white-space: nowrap; }
@media (max-width: 720px) { .mp-fig.is-narrow { max-width: none; } }