.mtc-related{--mtc-accent:#5b35c9;--mtc-ink:#202033;--mtc-muted:#615d73;--mtc-surface:#fff;--mtc-tint:#f3efff;--mtc-border:#e8e3f1;margin:28px 0;clear:both;width:100%;box-sizing:border-box}
.mtc-related .mtc-card,.mtc-related .mtc-card *{box-sizing:border-box}
.mtc-related a.mtc-card{display:flex;align-items:center;gap:22px;width:100%;padding:16px;border:1px solid var(--mtc-border);border-radius:18px;background:var(--mtc-surface);box-shadow:0 5px 20px rgba(36,19,70,.045);color:var(--mtc-ink);text-decoration:none!important;font-family:inherit;line-height:1.4;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;overflow:hidden}
.mtc-related a.mtc-card:hover{border-color:var(--mtc-accent);box-shadow:0 8px 24px rgba(67,37,120,.10);transform:translateY(-2px);color:var(--mtc-ink)}
.mtc-related a.mtc-card:focus-visible{outline:3px solid var(--mtc-accent);outline-offset:4px}
.mtc-related .mtc-card__media{display:block;flex:0 0 132px;width:132px;height:132px;overflow:hidden;border-radius:12px;background:var(--mtc-tint)}
.mtc-related img.mtc-card__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.mtc-related .mtc-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--mtc-accent);background:linear-gradient(140deg,#f2edff,#e0d4fc)}
.mtc-related .mtc-card__placeholder svg{width:48px;height:48px}
.mtc-related .mtc-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:9px;min-width:0;padding:2px 0}
.mtc-related .mtc-card__eyebrow{display:block;color:var(--mtc-accent);font-size:11px;font-weight:750;line-height:1.4;letter-spacing:1.1px;text-transform:uppercase}
.mtc-related .mtc-card__title{display:block;color:var(--mtc-ink);font-size:19px;font-weight:750;line-height:1.35;letter-spacing:-.25px;overflow-wrap:anywhere}
.mtc-related .mtc-card__cta{display:flex;align-items:center;gap:8px;color:var(--mtc-muted);font-size:13px;font-weight:600;line-height:1.4}
.mtc-related .mtc-card__cta>span{color:var(--mtc-accent);font-size:18px;line-height:1}
.mtc-related .mtc-card__arrow{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--mtc-tint);color:var(--mtc-accent)}
.mtc-related .mtc-card__arrow svg{display:block;width:22px;height:22px}
@media(max-width:600px){.mtc-related a.mtc-card{gap:15px}.mtc-related .mtc-card__arrow{display:none}.mtc-related .mtc-card__title{font-size:17px}}
@media(max-width:480px){.mtc-related{margin:22px 0}.mtc-related a.mtc-card{padding:12px;gap:13px;border-radius:15px}.mtc-related .mtc-card__media{flex-basis:84px;width:84px;height:98px;border-radius:9px}.mtc-related .mtc-card__body{gap:7px}.mtc-related .mtc-card__title{font-size:16px;line-height:1.35}.mtc-related .mtc-card__eyebrow{font-size:9px;letter-spacing:.8px}.mtc-related .mtc-card__cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mtc-related a.mtc-card{transition:none}.mtc-related a.mtc-card:hover{transform:none}}
