.related-section{padding-top:48px}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.related-heading h2{font-size:34px;line-height:1.1;margin:3px 0}.related-heading p{color:var(--muted);margin:8px 0 0}.all-topics{font-weight:800;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;white-space:nowrap}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-grid .related-card{min-width:0;overflow:hidden;background:linear-gradient(155deg,#fff 55%,#f6f0ff);border:1px solid #e4d9f2;border-radius:20px;box-shadow:0 12px 32px rgba(63,35,100,.07);transition:transform .2s,box-shadow .2s}.related-grid .related-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(63,35,100,.12)}.related-card>a{position:relative;display:flex;flex-direction:column;min-height:270px;padding:24px;color:var(--ink)}.related-card>a:hover{text-decoration:none}.related-card>a:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-38px;bottom:-44px;background:rgba(109,60,199,.08)}.related-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.related-symbol{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-size:21px}.related-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#9a8aa9;text-align:right}.related-card h3{font-size:20px;line-height:1.35;margin:22px 0 12px;color:#2d1745}.related-card p{color:var(--muted);line-height:1.55;margin:0 0 20px}.related-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.related-card .related-footer strong{display:inline;padding:0;color:var(--purple)}.related-footer span{color:var(--muted)}@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.related-heading{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr}}