/* SD Blog: grid on /blog/ and the article layout. Brand: ink #191930, purple #7442DA, pink #EC4899, night #0E0B1F */
.sdblog-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.sdblog-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;background-image:linear-gradient(100deg,#6C3AD8 0%,#8742D9 40%,#A04CD3 60%,#6C3AD8 100%);background-size:200% 100%;color:#fff!important;font:600 16px/1 "Outfit",sans-serif;text-decoration:none;transition:background-position .4s ease}
.sdblog-btn:hover{background-position:100% 0}
.sdblog-btn-ghost{background:#F3EFFE;color:#5B33B5!important}
.sdblog-btn-ghost:hover{background:#E9E1FD}

/* grid */
.sdblog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.sdblog-filter a{padding:9px 16px;border-radius:999px;background:#F3EFFE;color:#4B3A8C;font:500 15px/1.2 "Outfit",sans-serif;text-decoration:none;transition:background .2s,color .2s}
.sdblog-filter a:hover{background:#E9E1FD;color:#3A2380}
.sdblog-filter a.is-on{background:#7442DA;color:#fff}
.sdblog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sdblog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ECE8F8;border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.sdblog-card:hover{border-color:#CDBDF5;box-shadow:0 14px 34px rgba(60,30,140,.10)}
.sdblog-card-media{display:block;aspect-ratio:1200/630;background:#140530;overflow:hidden}
.sdblog-card-img{width:100%;height:100%;object-fit:cover;display:block}
.sdblog-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.sdblog-tag{align-self:flex-start;padding:5px 11px;border-radius:999px;background:#F3EFFE;color:#5B33B5;font:600 13px/1.2 "Outfit",sans-serif;text-decoration:none}
.sdblog-card-title{margin:0;font:600 21px/1.3 "Outfit",sans-serif;color:#191930}
.sdblog-card-title a{color:inherit;text-decoration:none}
.sdblog-card-title a:hover{color:#6A3BD1}
.sdblog-card-text{margin:0;color:#55516F;font:400 15.5px/1.6 "Inter",sans-serif;flex:1}
.sdblog-meta{color:#8A85A6;font:400 13.5px/1.4 "Inter",sans-serif}
.sdblog-pages{display:flex;justify-content:center;gap:8px;margin-top:44px}
.sdblog-pages a,.sdblog-pages span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#F3EFFE;color:#4B3A8C;font:600 15px "Outfit",sans-serif;text-decoration:none}
.sdblog-pages .is-on{background:#7442DA;color:#fff}
.sdblog-empty{color:#55516F;font:400 17px/1.6 "Inter",sans-serif}

/* article */
.sdblog-hero{background:#0E0B1F;background-image:radial-gradient(900px 500px at 85% -10%,rgba(124,58,237,.45),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(236,72,153,.22),transparent 60%);padding:170px 0 70px;color:#fff}
.sdblog-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;font:500 15px/1.4 "Outfit",sans-serif}
.sdblog-crumbs a{color:#CFC3F5;text-decoration:none}
.sdblog-crumbs a:hover{color:#fff}
.sdblog-crumbs span{color:#6F6596}
.sdblog-title{max-width:900px;margin:0 0 18px;font:600 52px/1.12 "Outfit",sans-serif;color:#fff}
.sdblog-lede{max-width:760px;margin:0 0 26px;color:#CFC9E6;font:400 19px/1.6 "Inter",sans-serif}
.sdblog-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#B3AAD6;font:400 15px/1.4 "Inter",sans-serif}
.sdblog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding-top:56px;padding-bottom:80px;align-items:start}
.sdblog-feature{margin:0 0 36px;border-radius:16px;overflow:hidden;background:#140530}
.sdblog-feature img{display:block;width:100%;height:auto}
.sdblog-content{color:#2E2A47;font:400 17.5px/1.75 "Inter",sans-serif;max-width:760px}
.sdblog-content>*:first-child{margin-top:0}
.sdblog-content p{margin:0 0 22px}
.sdblog-content h2{margin:46px 0 16px;font:600 31px/1.25 "Outfit",sans-serif;color:#191930}
.sdblog-content h3{margin:32px 0 12px;font:600 23px/1.3 "Outfit",sans-serif;color:#191930}
.sdblog-content a{color:#6A3BD1;text-decoration:underline;text-decoration-color:rgba(106,59,209,.35);text-underline-offset:3px}
.sdblog-content a:hover{text-decoration-color:#6A3BD1}
.sdblog-content ul,.sdblog-content ol{margin:0 0 24px;padding-left:24px}
.sdblog-content li{margin:0 0 10px}
.sdblog-content li::marker{color:#7442DA}
.sdblog-content strong{color:#191930}
.sdblog-content code{font:500 .88em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#F3EFFE;color:#4B2BA8;padding:2px 6px;border-radius:6px}
.sdblog-content pre{margin:0 0 26px;padding:18px 20px;background:#13102A;border-radius:12px;overflow-x:auto}
.sdblog-content pre code{background:none;color:#E6E1FA;padding:0;font-size:14.5px;white-space:pre}
.sdblog-content blockquote{margin:0 0 24px;padding:16px 22px;border-left:4px solid #7442DA;background:#F7F5FF;border-radius:0 12px 12px 0;color:#3A3558}
.sdblog-content blockquote p:last-child{margin:0}
.sdblog-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:22px}
.sdblog-cta{padding:26px;border-radius:16px;background:#140530;background-image:radial-gradient(400px 260px at 100% 0,rgba(124,58,237,.5),transparent 70%);color:#D9D3F2}
.sdblog-cta-title{margin:0 0 10px;font:600 23px/1.25 "Outfit",sans-serif;color:#fff}
.sdblog-cta p{margin:0 0 18px;font:400 15.5px/1.6 "Inter",sans-serif}
.sdblog-cta .sdblog-btn{display:flex;width:100%;margin-top:10px;box-sizing:border-box}
.sdblog-cta .sdblog-btn-ghost{background:rgba(255,255,255,.08);color:#fff!important}
.sdblog-cta .sdblog-btn-ghost:hover{background:rgba(255,255,255,.14)}
.sdblog-topics{padding:22px 24px;border:1px solid #ECE8F8;border-radius:16px;display:flex;flex-direction:column}
.sdblog-side-title{margin:0 0 8px;font:600 18px/1.3 "Outfit",sans-serif;color:#191930}
.sdblog-topics a{padding:9px 0;border-bottom:1px solid #F1EEF9;color:#4B4670;font:500 15px/1.3 "Outfit",sans-serif;text-decoration:none}
.sdblog-topics a:last-child{border-bottom:0}
.sdblog-topics a:hover,.sdblog-topics a.is-on{color:#6A3BD1}
.sdblog-related{background:#F7F5FF;padding:80px 0 90px}
.sdblog-related-title{margin:0 0 30px;font:600 38px/1.2 "Outfit",sans-serif;color:#191930}
.sdblog-all{margin:40px 0 0;text-align:center}

@media (max-width:1024px){
	.sdblog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sdblog-layout{grid-template-columns:1fr;gap:40px}
	.sdblog-side{position:static}
	.sdblog-title{font-size:42px}
}
@media (max-width:767px){
	.sdblog-wrap{padding:0 20px}
	.sdblog-grid{grid-template-columns:1fr;gap:20px}
	.sdblog-hero{padding:130px 0 46px}
	.sdblog-title{font-size:33px}
	.sdblog-lede{font-size:17px}
	.sdblog-layout{padding-top:32px;padding-bottom:56px}
	.sdblog-content{font-size:17px}
	.sdblog-content h2{font-size:26px;margin-top:38px}
	.sdblog-content h3{font-size:21px}
	.sdblog-related{padding:56px 0 64px}
	.sdblog-related-title{font-size:30px}
	.sdblog-filter{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scrollbar-width:none}
	.sdblog-filter a{flex:none}
}

/* the site kit colours links and headings for dark sections: pin the blog colours */
body.sdblog-page .sdblog-filter a{color:#4B3A8C!important}
body.sdblog-page .sdblog-filter a.is-on{color:#fff!important}
body.sdblog-page .sdblog-tag{color:#5B33B5!important}
body.sdblog-page .sdblog-card-title,body.sdblog-page .sdblog-card-title a{color:#191930!important}
body.sdblog-page .sdblog-card-title a:hover{color:#6A3BD1!important}
body.sdblog-page .sdblog-pages a{color:#4B3A8C!important}
body.sdblog-page .sdblog-pages .is-on{color:#fff!important}
body.sdblog-page .sdblog-title{color:#fff!important}
body.sdblog-page .sdblog-content h2,body.sdblog-page .sdblog-content h3,body.sdblog-page .sdblog-related-title,body.sdblog-page .sdblog-side-title{color:#191930!important}
body.sdblog-page .sdblog-content a{color:#6A3BD1!important}
body.sdblog-page .sdblog-topics a{color:#4B4670!important}
body.sdblog-page .sdblog-topics a:hover,body.sdblog-page .sdblog-topics a.is-on{color:#6A3BD1!important}
body.sdblog-page .sdblog-cta-title{color:#fff!important}
body.sdblog-page .sdblog-crumbs a{color:#CFC3F5!important}

/* pin type: the kit's global heading sizes / letter-spacing must not reach the blog */
body.sdblog-page .sdblog-content h2{font:600 31px/1.25 "Outfit",sans-serif!important;letter-spacing:normal!important;text-transform:none!important;margin:46px 0 16px!important}
body.sdblog-page .sdblog-content h3{font:600 23px/1.3 "Outfit",sans-serif!important;letter-spacing:normal!important;text-transform:none!important;margin:32px 0 12px!important}
body.sdblog-page .sdblog-title{font:600 52px/1.12 "Outfit",sans-serif!important;letter-spacing:normal!important}
body.sdblog-page .sdblog-card-title{font:600 21px/1.3 "Outfit",sans-serif!important;letter-spacing:normal!important}
body.sdblog-page .sdblog-related-title{font:600 38px/1.2 "Outfit",sans-serif!important;letter-spacing:normal!important}
body.sdblog-page .sdblog-cta-title{font:600 23px/1.25 "Outfit",sans-serif!important;letter-spacing:normal!important;margin:0 0 10px!important}
body.sdblog-page .sdblog-side-title{font:600 18px/1.3 "Outfit",sans-serif!important;letter-spacing:normal!important}
body.sdblog-page .sdblog-content,body.sdblog-page .sdblog-content p,body.sdblog-page .sdblog-content li{letter-spacing:normal!important}
/* hovers */
body.sdblog-page .sdblog-filter a:hover{background:#E9E1FD!important;color:#3A2380!important}
body.sdblog-page .sdblog-filter a.is-on:hover{background:#6334C4!important;color:#fff!important}
body.sdblog-page .sdblog-tag:hover{background:#E9E1FD!important;color:#3A2380!important}
body.sdblog-page .sdblog-card-title a:hover{color:#6A3BD1!important}
body.sdblog-page .sdblog-content a:hover{color:#4B2BA8!important;text-decoration-color:#4B2BA8!important}
body.sdblog-page .sdblog-topics a:hover{color:#6A3BD1!important;background:none!important}
body.sdblog-page .sdblog-crumbs a:hover{color:#FFFFFF!important}
body.sdblog-page .sdblog-pages a:hover{background:#E9E1FD!important;color:#3A2380!important}
body.sdblog-page a.sdblog-btn,body.sdblog-page a.sdblog-btn:hover{color:#fff!important}
body.sdblog-page .sdblog-btn-ghost,body.sdblog-page .sdblog-btn-ghost:hover{color:#5B33B5!important}
body.sdblog-page .sdblog-cta .sdblog-btn-ghost,body.sdblog-page .sdblog-cta .sdblog-btn-ghost:hover{color:#fff!important}
@media (max-width:1024px){body.sdblog-page .sdblog-title{font-size:42px!important}}
@media (max-width:767px){
	body.sdblog-page .sdblog-title{font-size:33px!important}
	body.sdblog-page .sdblog-content h2{font-size:26px!important;margin-top:38px!important}
	body.sdblog-page .sdblog-content h3{font-size:21px!important}
	body.sdblog-page .sdblog-related-title{font-size:30px!important}
}

/* keep wide code blocks inside the column on small screens */
.sdblog-article,.sdblog-content{min-width:0;max-width:100%}
.sdblog-content pre{max-width:100%}
@media (max-width:1024px){body.sdblog-page .sdblog-layout{grid-template-columns:minmax(0,1fr)!important}}