/* Web by Mateen V9.39.48 — ARTICLE-SCOPED RELATED MODULES ONLY. */
body.article-page-body .related-post-grid,body.article-page-body .wbm-redesign-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,1.45vw,20px);align-items:stretch;margin-block:22px 10px}
body.article-page-body .related-post-grid:has(>a:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
body.article-page-body .related-post-grid >a.wbm-r47-card,body.article-page-body .wbm-redesign-related >a.wbm-r47-card{position:relative;display:flex!important;flex-direction:column;gap:0;min-width:0;min-height:300px;padding:clamp(15px,1.6vw,21px)!important;border:1px solid #e5d4c6!important;border-radius:19px!important;background:linear-gradient(145deg,#fffdfa 0%,#fff 70%)!important;box-shadow:0 13px 28px rgba(45,29,16,.055);color:#202025!important;text-decoration:none!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.article-page-body .related-post-grid >a.wbm-r47-card:hover,body.article-page-body .wbm-redesign-related >a.wbm-r47-card:hover{transform:translateY(-4px);box-shadow:0 19px 34px rgba(45,29,16,.12);border-color:#f24815!important}
body.article-page-body .related-post-grid >a.wbm-r47-card:focus-visible,body.article-page-body .wbm-redesign-related >a.wbm-r47-card:focus-visible{outline:3px solid #f24815;outline-offset:3px}
body.article-page-body .wbm-r47-card>.wbm-guide-visual{display:none!important}
body.article-page-body .wbm-r47-card .related-preview-top,body.article-page-body .wbm-r47-card .related-preview-icon{display:none!important}
body.article-page-body .wbm-r47-visual{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;height:clamp(135px,12vw,168px);width:100%;margin-bottom:19px;background:linear-gradient(145deg,#fff7f2,#ffede0);border:1px solid #f0d7c6;border-radius:14px;overflow:hidden;flex:none}
body.article-page-body .wbm-r47-visual svg{display:block;max-width:92%;max-height:94%;width:100%;height:100%;color:#ef5019;transform:translateY(3px);transition:transform .4s ease}
body.article-page-body .wbm-r47-card:hover .wbm-r47-visual svg{transform:translateY(-2px) scale(1.035)}
body.article-page-body .wbm-r47-visual:before{content:'';position:absolute;inset:auto -20% -55% -20%;height:100%;background:radial-gradient(ellipse,rgba(255,138,0,.15),transparent 70%);pointer-events:none}
body.article-page-body .wbm-r47-visual .wbm-r47-live{stroke-dasharray:7 11;animation:wbm47draw 15s linear infinite}
body.article-page-body .wbm-r47-visual .wbm-r47-pulse{animation:wbm47breathe 3s ease-in-out infinite}
body.article-page-body .wbm-r47-visual[data-type='crm']{background:linear-gradient(145deg,#f8f4f8,#f9ecdf)}
body.article-page-body .wbm-r47-visual[data-type='hosting']{background:linear-gradient(145deg,#f0f3fa,#fff1e7)}
body.article-page-body .wbm-r47-visual[data-type='seo']{background:linear-gradient(145deg,#f7f9fc,#fff4ec)}
body.article-page-body .wbm-r47-visual[data-type='ai']{background:linear-gradient(145deg,#f8f0fe,#fff1e7)}
body.article-page-body .wbm-r47-visual[data-type='cost']{background:linear-gradient(145deg,#fff9e8,#fff0e6)}
body.article-page-body .wbm-r47-visual[data-type='wordpress']{background:linear-gradient(145deg,#eef8fc,#fff5ed)}
body.article-page-body .wbm-r47-visual[data-type='redesign']{background:linear-gradient(145deg,#f2f5f7,#fff1e7)}
body.article-page-body .wbm-r47-card >span:not(.wbm-r47-label),body.article-page-body .wbm-r47-card .related-preview-kicker,body.article-page-body .wbm-r47-card .wbm-r47-label{display:block;align-self:flex-start;color:#d64517!important;font-size:10px!important;line-height:1.5!important;font-weight:850!important;letter-spacing:.075em;text-transform:uppercase;margin:0 0 6px!important}
body.article-page-body .wbm-r47-card h3{font-size:clamp(17px,1.3vw,20px)!important;font-weight:850!important;line-height:1.36!important;letter-spacing:-.015em!important;color:#18191e!important;margin:4px 0 10px!important;max-width:none!important}
body.article-page-body .wbm-r47-card p{font-size:clamp(13px,.99vw,15px)!important;line-height:1.73!important;color:#57545b!important;margin:0 0 17px!important;max-width:none!important}
body.article-page-body .wbm-r47-card em,body.article-page-body .wbm-r47-card .wbm-r47-action{display:inline-flex;align-items:center;margin-top:auto!important;color:#e54c15!important;font-size:12px!important;font-weight:850!important;font-style:normal!important;line-height:1.45!important}
body.article-page-body .wbm-r47-card .wbm-r47-action:after{content:'→';margin-left:5px;transition:transform .2s ease}
body.article-page-body .wbm-r47-card:hover .wbm-r47-action:after{transform:translateX(3px)}
body.article-page-body .wbm-r47-related-heading{max-width:25ch;text-wrap:balance}
body.article-page-body .wbm-r47-initial{opacity:0;transform:translateY(13px)}
body.article-page-body .wbm-r47-initial.wbm-r47-in-view{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease;transition-delay:var(--wbm-r47-delay,0ms)}
@keyframes wbm47draw{to{stroke-dashoffset:-180}}
@keyframes wbm47breathe{50%{opacity:.45;transform:scale(.95)}}
@media(max-width:940px){body.article-page-body .related-post-grid,body.article-page-body .related-post-grid:has(>a:nth-child(4)),body.article-page-body .wbm-redesign-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){body.article-page-body .related-post-grid,body.article-page-body .related-post-grid:has(>a:nth-child(4)),body.article-page-body .wbm-redesign-related{grid-template-columns:minmax(0,1fr)!important;gap:13px}body.article-page-body .related-post-grid>a.wbm-r47-card,body.article-page-body .wbm-redesign-related>a.wbm-r47-card{min-height:0;padding:16px!important}body.article-page-body .wbm-r47-visual{height:143px;margin-bottom:14px}body.article-page-body .wbm-r47-card p{margin-bottom:13px!important}}
@media(prefers-reduced-motion:reduce){body.article-page-body .wbm-r47-initial{opacity:1;transform:none}body.article-page-body .wbm-r47-visual .wbm-r47-live,body.article-page-body .wbm-r47-visual .wbm-r47-pulse{animation:none!important}body.article-page-body .wbm-r47-card,body.article-page-body .wbm-r47-visual svg{transition:none!important}body.article-page-body .wbm-r47-card:hover{transform:none!important}}

/* V9.39.48: destination-specific illustrations with gentle, purposeful motion. */
body.article-page-body .wbm-r47-visual[data-type^="crm-"]{background:linear-gradient(140deg,#fdf8f4,#f2eff5)}
body.article-page-body .wbm-r47-visual[data-type="story"]{background:linear-gradient(140deg,#fcf5ed,#fff2ea)}
body.article-page-body .wbm-r47-visual[data-type="resources"]{background:linear-gradient(145deg,#faf4e9,#eef5fa)}
body.article-page-body .wbm-r47-visual[data-type="website-service"]{background:linear-gradient(145deg,#fff6ee,#f8f2f1)}
body.article-page-body .wbm-r47-visual[data-type="seo-tool"]{background:linear-gradient(145deg,#f3f7ff,#ffede5)}
body.article-page-body .wbm-r47-visual svg{transition:transform .35s ease,filter .35s ease}
body.article-page-body .wbm-r47-card:hover .wbm-r47-visual svg{filter:drop-shadow(0 5px 5px #a8552019);transform:translateY(-3px) scale(1.045)}
body.article-page-body .wbm-r47-visual[data-type^="crm-"] svg{animation:wbm48Diagram 5.5s ease-in-out infinite}
body.article-page-body .wbm-r47-visual[data-type="seo-tool"] svg,body.article-page-body .wbm-r47-visual[data-type="story"] svg{animation:wbm48Diagram 7s ease-in-out infinite}
@keyframes wbm48Diagram{0%,100%{transform:translateY(1px)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){body.article-page-body .wbm-r47-visual svg{animation:none!important}}
