/* Shared article and service recommendations across the tool catalog. */
@font-face{font-family:Caviar;src:url('/assets/fonts/CaviarDreams-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
html body .tool-related{box-sizing:border-box;width:88%;max-width:1160px;margin:200px auto 104px;color:inherit;font-family:DM,'DM Sans',sans-serif;text-align:left}
.tool-related *{box-sizing:border-box}.tool-related h2,.tool-related h3{font-family:Caviar,sans-serif;font-weight:400;letter-spacing:-.02em;text-wrap:balance}
html body .tool-related h2{font-size:clamp(27px,3vw,38px);line-height:1.25;margin:0 0 32px;text-align:center;color:inherit}
.tool-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tool-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
html body .tool-related a{color:inherit;text-decoration:none;min-width:0}
html body .tool-related-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#fffcf7;border:1px solid #6b269c26}
html body .tool-related-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0}
.tool-related-card>div{padding:24px;display:flex;flex-direction:column;flex:1;gap:20px}
html body .tool-related h3{font-size:23px;line-height:1.35;margin:0;color:inherit}
.tool-related-card span,.tool-service-card span{margin-top:auto;font-size:13px;color:#6b269c}.tool-related a:hover h3{text-decoration:underline;text-underline-offset:5px}.tool-related a:focus-visible{outline:3px solid #8d4fbb;outline-offset:5px}
.tool-related-services{margin-top:96px}.tool-service-card{display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid #6b269c26;border-radius:14px;background:#fffcf7}
html body .tool-service-card p{font-family:DM,'DM Sans',sans-serif;font-size:14px;font-weight:400;line-height:1.62;color:#65576e;margin:0}
html body .tool-related :is(.tool-related-card,.tool-service-card){color:#302538}
@media(max-width:1000px){html body .tool-related{margin-top:140px}.tool-articles-grid{gap:20px}.tool-related-card>div{padding:18px}}
@media(max-width:600px){html body .tool-related{margin-top:104px;margin-bottom:80px}.tool-articles-grid,.tool-services-grid{grid-template-columns:1fr;gap:24px}.tool-related-services{margin-top:64px}}