/* Blog editorial layout. Scoped separately from newsletter editions. */
.single-blog{
	--bl-bg:#111;--bl-panel:#161817;--bl-panel-2:#1c1f1d;--bl-line:#2b302d;
	--bl-fg:#f2f0eb;--bl-fg-2:#b9bcb7;--bl-fg-3:#929991;--bl-accent:#00f1a9;
	--bl-mono:"JetBrains Mono",Monaco,Consolas,monospace;
	background:var(--bl-bg);color:var(--bl-fg);letter-spacing:0;
}
.single-blog *{box-sizing:border-box}
.single-blog .bl-wrap{width:min(var(--jc-wide-width,1280px),calc(100% - (var(--jc-site-gutter,24px) * 2)));margin-inline:auto;min-width:0}
.single-blog .bl-progress{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:20;height:2px;background:transparent;pointer-events:none}
.single-blog .bl-progress::after{content:"";display:block;height:100%;background:var(--bl-accent);transform:scaleX(var(--bl-progress,0));transform-origin:left}
.single-blog .bl-head{display:grid;justify-items:center;text-align:center;gap:24px;padding-block:var(--jc-header-content-gap,56px) 40px}
.single-blog .bl-path{font:400 12px/1.7 var(--bl-mono);color:var(--bl-fg-3);overflow-wrap:anywhere;max-width:100%}
.single-blog .bl-path a{color:var(--bl-accent);text-decoration:none}
.single-blog .bl-path .is-current{color:var(--bl-fg-2)}
.single-blog .bl-path .is-current::after{content:"";display:inline-block;width:7px;height:1em;margin-left:4px;vertical-align:-.12em;background:var(--bl-accent);animation:jc-bl-cursor 1s steps(1,end) infinite}
@keyframes jc-bl-cursor{0%,100%{opacity:1}50%{opacity:0}}
.single-blog .bl-head h1{font-size:56px;line-height:1.08;font-weight:500;letter-spacing:0;max-width:960px;margin:0;text-wrap:balance;overflow-wrap:break-word;color:var(--bl-fg)}
.single-blog .bl-head h1 mark{color:var(--bl-accent);background:none}
.single-blog .bl-lead{color:var(--bl-fg-2);font-size:18px;line-height:1.65;max-width:720px;margin:0}
.single-blog .bl-spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:860px;margin:12px 0 0;border:1px solid var(--bl-line);border-radius:6px;text-align:left;overflow:hidden}
.single-blog .bl-spec--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.single-blog .bl-spec>div{display:grid;align-content:start;gap:6px;padding:16px 20px;border-right:1px solid var(--bl-line);min-width:0}
.single-blog .bl-spec>div:last-child{border-right:0}
.single-blog .bl-spec dt{font:400 11px/1.5 var(--bl-mono);text-transform:uppercase;color:var(--bl-fg-3)}
.single-blog .bl-spec dd{margin:0;font-size:14px;line-height:1.5;color:var(--bl-fg);overflow-wrap:anywhere}
.single-blog .bl-spec a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--bl-line)}
.single-blog .bl-body{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:40px;padding-block:64px 72px}
.single-blog .bl-body--no-toc{grid-template-columns:minmax(0,1fr) 230px}
.single-blog .bl-body--no-aside{grid-template-columns:180px minmax(0,1fr)}
.single-blog .bl-body--no-toc.bl-body--no-aside{grid-template-columns:minmax(0,1fr)}
.single-blog :is(.bl-reading,.bl-aside,.bl-toc){min-width:0}
.single-blog .bl-toc{position:sticky;top:140px;align-self:start;max-height:calc(100dvh - 170px);overflow-y:auto}
.single-blog :is(.bl-toc,.bl-aside)>details>summary{font:400 12px/1.6 var(--bl-mono);text-transform:uppercase;color:var(--bl-fg-3);cursor:pointer}
.single-blog .bl-toc ol{list-style:none;margin:18px 0 0;padding:0;border-left:1px solid var(--bl-line)}
.single-blog .bl-toc a{display:block;margin-left:-1px;padding:8px 0 8px 14px;border-left:1px solid transparent;font-size:13px;line-height:1.5;color:var(--bl-fg-3);text-decoration:none;overflow-wrap:anywhere}
.single-blog .bl-toc a:hover,.single-blog .bl-toc a.is-active{color:var(--bl-fg);border-left-color:var(--bl-accent)}
.single-blog .bl-aside{align-self:start}
.single-blog .bl-aside__sections{display:grid;gap:28px;margin-top:18px}
.single-blog .bl-aside__sections>section,.single-blog .bl-widgets{border-left:1px solid var(--bl-line);padding-left:16px;min-width:0}
.single-blog .bl-aside h2{font:400 12px/1.6 var(--bl-mono);color:var(--bl-fg-3);margin:0 0 12px;text-transform:uppercase;letter-spacing:0}
.single-blog .bl-aside p{font-size:14px;line-height:1.6;color:var(--bl-fg-2);margin:0 0 14px}
.single-blog .bl-aside :is(ul,ol){padding:0;margin:0;list-style:none}
.single-blog .bl-aside .bl-share{display:flex;flex-wrap:wrap;gap:8px 14px}
.single-blog .bl-share a{font-size:13px;line-height:1.5;color:var(--bl-fg-2);text-underline-offset:3px;text-decoration-color:var(--bl-line)}
.single-blog .bl-tags{display:flex;gap:8px;flex-wrap:wrap}
.single-blog .bl-tags a{display:block;padding:5px 9px;border:1px solid var(--bl-line);border-radius:4px;font-size:12px;line-height:1.4;color:var(--bl-fg-2);text-decoration:none;overflow-wrap:anywhere}
.single-blog .bl-tags a:hover{border-color:var(--bl-accent)}
.single-blog .bl-search,.single-blog .bl-newsletter form{display:flex;flex-direction:column;gap:12px;min-width:0}
.single-blog .bl-aside input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;height:48px;padding:12px;background:#111;border:1px solid #515952;border-radius:4px;color:var(--bl-fg);font-family:inherit;font-size:16px;font-weight:400;line-height:22px}
.single-blog .bl-aside input::placeholder{color:var(--bl-fg-3);opacity:1}
.single-blog .bl-aside input:-webkit-autofill{-webkit-text-fill-color:var(--bl-fg);-webkit-box-shadow:0 0 0 1000px #111 inset}
.single-blog .bl-button,.single-blog .bl-search button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;max-width:100%;padding:12px 20px;border:1px solid rgba(0,139,97,.36);border-radius:8px;background:linear-gradient(77deg,rgba(0,139,97,.05),rgba(0,241,169,.16));box-shadow:0 0 12px rgba(0,241,169,.16);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:24px;cursor:pointer;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.single-blog .bl-button span{color:inherit}
.single-blog .bl-button:hover:not(:disabled),.single-blog .bl-search button:hover{border-color:rgba(0,241,169,.72);box-shadow:0 0 18px rgba(0,241,169,.22);transform:translateY(-1px)}
.single-blog .bl-button:disabled{opacity:.65;cursor:wait}
.single-blog .bl-newsletter .bl-newsletter__title{color:var(--bl-fg);font-size:18px;font-weight:500;line-height:1.35}
.single-blog .bl-newsletter__consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:12px;line-height:1.6;color:var(--bl-fg-2)}
.single-blog .bl-newsletter__consent input[type=checkbox]{appearance:auto;flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;margin:2px 0 0;accent-color:var(--bl-accent)}
.single-blog .bl-newsletter__consent span{color:inherit;min-width:0}
.single-blog .bl-newsletter__consent a{color:var(--bl-accent);text-underline-offset:3px}
.single-blog .bl-newsletter .bl-newsletter__legal{font-size:12px;color:var(--bl-fg-3)}
.single-blog .bl-newsletter__status:empty{display:none}
.single-blog .bl-newsletter__status.is-success{color:var(--bl-accent)}
.single-blog .bl-newsletter__status.is-error{color:#ffadad}
.single-blog .bl-content{--jc-desktop-paragraph-line-height:1.75;--jc-mobile-paragraph-line-height:1.75;min-width:0;width:100%;max-width:none;margin:0;padding:0;background:none;box-shadow:none;color:var(--bl-fg-2);font-size:18px;line-height:1.75}
.single-blog .bl-content>*{max-width:100%;margin:0 0 22px}
.single-blog .bl-content :is(p,li){color:inherit}
.single-blog .bl-content span:not([style]){color:inherit}
.single-blog .bl-content strong{color:var(--bl-fg);font-weight:600}
.single-blog .bl-content a{color:var(--bl-fg);text-decoration:underline;text-decoration-color:var(--bl-accent);text-underline-offset:4px;overflow-wrap:anywhere}
.single-blog .bl-content a:hover{color:var(--bl-accent)}
.single-blog .bl-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.single-blog .bl-content .wp-block-button{max-width:100%;min-width:0}
.single-blog .bl-content :is(.wp-block-button__link,.wp-element-button,.wp-block-file__button,a.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;max-width:100%;padding:12px 24px;border:1px solid rgba(0,139,97,.36);border-radius:8px;background:linear-gradient(77deg,rgba(0,139,97,.05),rgba(0,241,169,.16));box-shadow:0 0 12px rgba(0,241,169,.16);color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.single-blog .bl-content :is(.wp-block-button__link,.wp-element-button,.wp-block-file__button,a.button) span{color:inherit}
.single-blog .bl-content :is(.wp-block-button__link,.wp-element-button,.wp-block-file__button,a.button):is(:hover,:focus-visible){border-color:rgba(0,241,169,.72);box-shadow:0 0 18px rgba(0,241,169,.22);color:#fff;text-decoration:none;transform:translateY(-1px)}
.single-blog .bl-content .is-style-outline>.wp-block-button__link{background:transparent;border-color:rgba(242,240,235,.2);box-shadow:none}
.single-blog .bl-content .is-style-outline>.wp-block-button__link:is(:hover,:focus-visible){border-color:rgba(242,240,235,.42)}
.single-blog .bl-content :is(.wp-block-button__link,.wp-element-button,.wp-block-file__button,a.button):disabled{opacity:.65;cursor:not-allowed;transform:none}
.single-blog .bl-content :is(h2,h3,h4){color:var(--bl-fg);font-weight:500;line-height:1.25;letter-spacing:0;scroll-margin-top:140px;overflow-wrap:break-word}
.single-blog .bl-content h2{font-size:30px;margin:56px 0 18px;text-wrap:balance}
.single-blog .bl-content h2[id]::before{content:"#";margin-right:12px;font:400 18px/1.5 var(--bl-mono);color:var(--bl-fg-3)}
.single-blog .bl-content h3{font-size:23px;margin:34px 0 14px}
.single-blog .bl-content h4{font-size:20px;margin:28px 0 12px}
.single-blog .bl-content :is(ul,ol){padding-left:26px}
.single-blog .bl-content li{margin-block:8px}
.single-blog .bl-content ol{list-style-type:decimal-leading-zero}
.single-blog .bl-content li::marker{color:var(--bl-accent);font-family:var(--bl-mono)}
.single-blog .bl-content :not(pre)>code{font-family:var(--bl-mono);font-size:.84em;color:var(--bl-fg);background:var(--bl-panel-2);border:1px solid var(--bl-line);border-radius:3px;padding:1px 5px;overflow-wrap:anywhere}
.single-blog .bl-content pre{max-width:100%;overflow:auto;white-space:pre;background:#0b0c0c;border:1px solid var(--bl-line);border-radius:6px;padding:18px;color:var(--bl-fg-2);font:400 14px/1.7 var(--bl-mono)}
.single-blog .bl-content .wp-block-code{padding:0}
.single-blog .bl-content .wp-block-code[data-file]::before{content:attr(data-file);display:block;padding:9px 14px;border-bottom:1px solid var(--bl-line);background:var(--bl-panel);font:400 11px/1.5 var(--bl-mono);color:var(--bl-fg-3)}
.single-blog .bl-content pre code{display:block;padding:16px 18px;overflow-x:auto;font:inherit;background:none;border:0;color:inherit}
.single-blog .bl-content blockquote{border:0;border-left:2px solid var(--bl-accent);padding:4px 0 4px 22px;margin:32px 0;color:var(--bl-fg)}
.single-blog .bl-content blockquote p{--jc-desktop-paragraph-size:22px;--jc-desktop-paragraph-line-height:1.5}
.single-blog .bl-content cite{font-size:14px;color:var(--bl-fg-3)}
.single-blog .bl-content .wp-block-table{overflow-x:auto;border:1px solid var(--bl-line);border-radius:6px}
.single-blog .bl-content table{border-collapse:collapse;width:100%;font-size:15px;color:inherit}
.single-blog .bl-content :is(th,td){text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--bl-line);min-width:100px}
.single-blog .bl-content th{background:var(--bl-panel);font:400 12px/1.5 var(--bl-mono);color:var(--bl-fg)}
.single-blog .bl-content :is(img,video,iframe){max-width:100%}
.single-blog .bl-content img{height:auto;border-radius:4px}
.single-blog .bl-content figcaption{color:var(--bl-fg-3);font-size:13px;line-height:1.5}
.single-blog .bl-content :is(.alignfull,.alignwide){width:100%;margin-inline:0}
.single-blog .bl-content hr{height:1px;border:0;background:var(--bl-line);margin-block:40px}
.single-blog .bl-content :is(.jc-faqs-post-blog__title,.jc-conclusion-post-blog__title){margin:0;font-size:28px}
.single-blog .bl-content :is(.jc-faqs-post-blog__title,.jc-conclusion-post-blog__title)::before{content:none}
.single-blog .bl-content :is(.jc-faqs-post-blog__kicker,.jc-conclusion-post-blog__kicker){color:var(--bl-accent)}
.single-blog .bl-author{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;border-top:1px solid var(--bl-line);padding-top:28px;margin-top:44px}
.single-blog .bl-author img{width:56px;height:56px;object-fit:cover;border-radius:50%;border:1px solid var(--bl-line)}
.single-blog .bl-author h2{font-size:20px;font-weight:500;line-height:1.3;margin:8px 0 12px;color:var(--bl-fg);letter-spacing:0}
.single-blog .bl-author p{font-size:15px;line-height:1.65;color:var(--bl-fg-2);margin:0}
.single-blog .bl-author__links{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none;margin:16px 0 0;padding:0}
.single-blog .bl-author__links a{font-size:13px;color:var(--bl-fg-2);text-underline-offset:3px}
.single-blog .bl-label{font:400 12px/1.7 var(--bl-mono);text-transform:uppercase;color:var(--bl-fg-3);margin:0}
.single-blog .bl-service{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;border-top:1px solid var(--bl-accent);border-bottom:1px solid var(--bl-line);padding-block:40px;margin-bottom:72px}
.single-blog .bl-service--simple{grid-template-columns:minmax(0,1fr)}
.single-blog .bl-service h2,.single-blog .bl-related-section h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:0;color:var(--bl-fg);margin:14px 0 18px;overflow-wrap:break-word}
.single-blog .bl-service p:not(.bl-label){font-size:16px;line-height:1.65;color:var(--bl-fg-2);margin:0 0 24px}
.single-blog .bl-checks{display:grid;gap:10px;align-content:center;min-width:0}
.single-blog .bl-checks>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px;border:1px solid var(--bl-line);border-radius:4px;background:var(--bl-panel)}
.single-blog .bl-checks span{font:400 11px/1.7 var(--bl-mono);color:var(--bl-accent)}
.single-blog .bl-checks p:not(.bl-label){margin:0;font-size:14px}
.single-blog .bl-related-section{padding-bottom:80px}
.single-blog .bl-related-section>header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.single-blog .bl-related-section>header>a{color:var(--bl-fg);text-decoration:none;font-size:15px}
.single-blog .bl-related-section>header span{color:inherit}
.single-blog .bl-related-section h2{margin-bottom:0}
.single-blog .bl-related>a{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:24px;align-items:baseline;padding-block:24px;border-bottom:1px solid var(--bl-line);text-decoration:none}
.single-blog .bl-related h3{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:0;color:var(--bl-fg);margin:0;overflow-wrap:break-word;transition:color .2s}
.single-blog .bl-related a:hover h3{color:var(--bl-accent)}
.single-blog :is(.bl-cat,.bl-time){font:400 11px/1.6 var(--bl-mono);text-transform:uppercase;color:var(--bl-fg-3);overflow-wrap:anywhere}
.single-blog .bl-time span{color:var(--bl-accent);margin-left:8px}
.single-blog :is(a,button,input,summary):focus-visible{outline:2px solid var(--bl-accent);outline-offset:4px}
@media(max-width:1100px){
	.single-blog .bl-head h1{font-size:46px}
	.single-blog .bl-body{grid-template-columns:180px minmax(0,1fr);gap:32px}
	.single-blog .bl-body--no-toc{grid-template-columns:minmax(0,1fr)}
	.single-blog .bl-aside{grid-column:1/-1;border-top:1px solid var(--bl-line);padding-top:24px}
	.single-blog .bl-aside__sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
	.single-blog .bl-service{gap:32px}
}
@media(max-width:860px){
	.single-blog .bl-head{padding-block:32px;gap:20px}
	.single-blog .bl-body,.single-blog .bl-body--no-aside,.single-blog .bl-service{grid-template-columns:minmax(0,1fr);gap:28px}
	.single-blog .bl-body{padding-block:40px 48px}
	.single-blog .bl-toc{position:static;max-height:none;border-bottom:1px solid var(--bl-line);padding-bottom:20px}
	.single-blog .bl-spec{grid-template-columns:repeat(2,minmax(0,1fr))}
	.single-blog .bl-spec>div:nth-child(2){border-right:0}
	.single-blog .bl-spec>div:nth-child(-n+2){border-bottom:1px solid var(--bl-line)}
	.single-blog .bl-spec--three>div:last-child{grid-column:1/-1}
	.single-blog .bl-related>a{grid-template-columns:minmax(0,1fr);gap:10px}
	.single-blog .bl-service{margin-bottom:48px}
}
@media(max-width:560px){
	.single-blog .bl-head h1{font-size:34px}
	.single-blog .bl-lead{font-size:16px}
	.single-blog .bl-spec>div{padding:14px}
	.single-blog .bl-content{font-size:16px}
	.single-blog .bl-content h2{font-size:26px}
	.single-blog .bl-content h3{font-size:22px}
	.single-blog .bl-aside__sections{grid-template-columns:minmax(0,1fr)}
	.single-blog .bl-service h2,.single-blog .bl-related-section h2{font-size:28px}
	.single-blog .bl-checks>div{grid-template-columns:minmax(0,1fr);gap:8px}
	.single-blog .bl-related-section>header{flex-direction:column;align-items:start}
	.single-blog .bl-related-section{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){.single-blog :is(.bl-button,.bl-search button,.bl-related h3){transition:none}.single-blog .bl-button:hover:not(:disabled),.single-blog .bl-search button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.single-blog .bl-path .is-current::after{animation:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.single-blog .bl-content :is(.wp-block-button__link,.wp-element-button,.wp-block-file__button,a.button){transition:none;transform:none}}
