.mx-relatedband{padding-block:clamp(2.5rem,1.8rem + 2.4vw,4rem)}.mx-eyebrow{align-items:center;color:var(--mx-blue-ink,#0072ae);display:flex;font-family:var(--ff-mono,monospace);font-size:var(--fs-eyebrow,.75rem);font-weight:500;gap:var(--sp-2,1rem);letter-spacing:.16em;margin:0 0 var(--sp-3,1.5rem);text-transform:uppercase}.mx-eyebrow:after{background:currentColor;content:"";flex:1;height:1px;max-width:96px;opacity:.3}.mx-h2{color:var(--mx-ink-900,#0b0620);font-family:var(--ff-display,sans-serif);font-size:var(--fs-display-l,1.75rem);font-weight:600;margin:0 0 var(--sp-5,2.5rem);max-width:24ch}.mx-related{display:grid;gap:var(--sp-4,2rem);grid-template-columns:repeat(3,minmax(0,1fr))}.mx-card{background:var(--mx-white,#fff);border:1px solid var(--mx-rule-light,#d8dde5);border-radius:var(--radius-lg,8px);display:flex;flex-direction:column;padding:var(--sp-3,1.5rem);text-decoration:none;transition:transform .18s var(--ease,ease),border-color .18s var(--ease,ease),box-shadow .18s var(--ease,ease)}.mx-card:hover{border-color:var(--mx-purple-soft,#3d3360);box-shadow:0 20px 40px -26px rgba(21,11,62,.5);transform:translateY(-3px)}.mx-card__topic{color:var(--mx-blue-ink,#0072ae);font-family:var(--ff-mono,monospace);font-size:var(--fs-micro,.8125rem);letter-spacing:.08em;margin:0 0 var(--sp-2,1rem);text-transform:uppercase}.mx-card h3{color:var(--mx-ink-900,#0b0620);font-family:var(--ff-display,sans-serif);font-size:1.0625rem;font-weight:600;line-height:1.35;margin:0 0 var(--sp-2,1rem)}.mx-card__foot{align-items:center;display:flex;gap:var(--sp-2,1rem);justify-content:space-between;margin-top:auto}.mx-card__author{align-items:center;display:flex;gap:.5rem;min-width:0}.mx-card__avatar{border-radius:50%;flex:none;height:28px;object-fit:cover;width:28px}.mx-card__authorname{font-family:var(--ff-body,sans-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-card__authorname,.mx-card__meta{color:var(--mx-text-soft,#70757f);font-size:var(--fs-micro,.8125rem)}.mx-card__meta{font-family:var(--ff-mono,monospace);letter-spacing:.08em;text-transform:uppercase}@media (max-width:900px){.mx-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.mx-related{grid-template-columns:1fr}}