/* Single Post editorial layer. Existing page/hero typography excludes this layer. */
.wbxl-reading{--reading-width:800px;--reading-media:960px}
.wbxl-reading #main article .wbxl-page{background:#fff;--container-max-width:var(--reading-width);--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px}
.wbxl-reading #main article .wbxl-page>.e-con-inner{max-width:var(--reading-width);gap:0;padding:0}
.wbxl-reading #main article .wbxl-hero{padding-top:44px;padding-bottom:0;background:#fff}
.wbxl-reading #main article .wbxl-hero+.wbxl-page{padding-top:36px}
.wbxl-reading #main article .wbxl-page:not(.wbxl-hero)+.wbxl-page{padding-top:48px}
.wbxl-reading #main article .wbxl-page:last-child{padding-bottom:0}
.wbxl-reading #main :is(.elementor-widget,.elementor-widget-container){min-width:0}
.wbxl-reading #main :is(.elementor-heading-title,.elementor-widget-text-editor){font-family:Manrope,Arial,sans-serif;color:#101828}
.wbxl-reading #main h1.elementor-heading-title{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.035em;text-wrap:balance;max-width:100%}
.wbxl-reading #main h2.elementor-heading-title{font-size:36px;line-height:1.18;font-weight:700;letter-spacing:-.025em;text-wrap:balance;max-width:100%}
.wbxl-reading #main h3.elementor-heading-title{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.015em}
.wbxl-reading #main .elementor-widget-text-editor{font-size:18px;line-height:1.7;overflow-wrap:break-word}
.wbxl-reading #main p.elementor-heading-title{font-size:13px;line-height:1.5;letter-spacing:.1em;font-weight:600;color:#667085}
.wbxl-reading #main .wbxl-hero .elementor-widget-heading:has(h1){margin-top:16px;margin-bottom:28px}
.wbxl-reading #main .elementor-widget-text-editor p{margin:0 0 22px}
.wbxl-reading #main .elementor-widget-text-editor p:last-child{margin-bottom:0}
.wbxl-reading #main .elementor-widget-text-editor+.elementor-widget-text-editor{margin-top:22px}
.wbxl-reading #main .wbxl-page:not(.wbxl-hero) .e-con-inner>.elementor-widget-heading:has(h2,h3){margin-top:56px;margin-bottom:20px}
.wbxl-reading #main .wbxl-page:not(.wbxl-hero) .e-con-inner>.elementor-widget-heading:first-child{margin-top:0}
.wbxl-reading #main :is(h2,h3,.ez-toc-section){scroll-margin-top:120px}
.wbxl-reading #main :is(ul,ol){padding-left:1.4em;margin-block:0 22px}
.wbxl-reading #main li+li{margin-top:8px}
.wbxl-reading #main blockquote{border-left:3px solid #F59E0B;padding:12px 24px;margin:32px 0;background:#F7F9FC}
.wbxl-reading #main .elementor-widget-text-editor a{color:#245FBB;text-underline-offset:3px}
.wbxl-reading #main .elementor-widget-html{margin-top:20px;max-width:100%}
.wbxl-reading #main pre.agb-code-example{font-size:14px;line-height:1.65;border-radius:14px;padding:24px;max-width:100%;overflow:auto;white-space:pre;margin:0;border:1px solid #E4E7EC}
.wbxl-reading #main table{width:100%;max-width:100%;font-size:16px;border-collapse:collapse}
.wbxl-reading #main :is(th,td){padding:12px;text-align:left;border:1px solid #E4E7EC;overflow-wrap:anywhere}
.wbxl-reading #main #ez-toc-container{width:100%;max-width:none;display:block;box-sizing:border-box;margin:0 0 48px;padding:26px;background:#F7F9FC;border:1px solid #E4E7EC;border-radius:16px;box-shadow:none;float:none;color:#101828;font-family:Manrope,Arial,sans-serif}
.wbxl-reading #main #ez-toc-container .ez-toc-title{font:700 20px/1.4 Manrope,Arial,sans-serif;color:#0B1220;margin:0}
.wbxl-reading #main #ez-toc-container .ez-toc-title-container{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.wbxl-reading #main #ez-toc-container ul{margin:0;padding:0;list-style:none}
.wbxl-reading #main #ez-toc-container li{margin:0;font:400 16px/1.5 Manrope,Arial,sans-serif}
.wbxl-reading #main #ez-toc-container li a{display:block;padding:9px 0;color:#101828;text-decoration:none;overflow-wrap:break-word}
.wbxl-reading #main #ez-toc-container li a:hover{color:#245FBB;text-decoration:underline;text-underline-offset:3px}
.wbxl-reading #main #ez-toc-container li a:before{display:none}
.wbxl-reading #main #ez-toc-container .ez-toc-title:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#F59E0B;margin-right:10px;vertical-align:middle}
.wbxl-reading #main #ez-toc-container .ez-toc-title-toggle{display:none}
/* Keep the summary expanded: avoids relying on the plugin's unlabeled toggle. */
.wbxl-reading #main #ez-toc-container nav>ul{display:block!important}
.wbxl-reading #main article>.ct-featured-image{width:calc(100% - 48px);max-width:var(--reading-media);margin:32px auto 0;padding:0}
.wbxl-reading #main article>.ct-featured-image .ct-media-container{border-radius:18px;overflow:hidden;aspect-ratio:16/9;max-height:540px}
.wbxl-reading #main article>.ct-featured-image img{width:100%;height:100%;max-height:540px;object-fit:cover;border-radius:18px}
.wbxl-reading #main .entry-content :is(.wp-block-image,.elementor-widget-image){width:100%;max-width:var(--reading-media);margin:44px auto}
.wbxl-reading #main .entry-content :is(.wp-block-image,.elementor-widget-image) img{max-width:100%;height:auto;border-radius:16px}
.wbxl-reading #main figcaption{font:400 14px/1.5 Manrope,Arial,sans-serif;color:#667085;text-align:center;margin-top:12px}
.wbxl-reading #main .wbxl-reading-cta{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:20px;margin-top:64px;padding:32px;background:#F7F9FC;border:1px solid #E4E7EC;border-radius:18px}
.wbxl-reading #main .wbxl-reading-cta .elementor-widget-heading{margin:0}
.wbxl-reading #main .wbxl-reading-cta h2.elementor-heading-title{font-size:30px}
.wbxl-reading #main .wbxl-reading-cta .elementor-widget-text-editor{font-size:17px}
.wbxl-reading #main .elementor-button{display:inline-flex;align-items:center;justify-content:center;background:#F59E0B;color:#0B1220;border:1px solid transparent;border-radius:10px;padding:16px 23px;min-height:50px;font:600 15px/1.2 Manrope,Arial,sans-serif;white-space:normal}
.wbxl-reading #main .elementor-button:hover{background:#EBA00E;color:#0B1220}
.wbxl-reading #main .post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:calc(100% - 48px);max-width:var(--reading-media);margin:56px auto 0;padding:48px 0 88px;border-top:1px solid #E4E7EC}
.wbxl-reading #main .post-navigation:after{display:none}
.wbxl-reading #main .post-navigation>a{width:100%;max-width:none;min-width:0;display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #E4E7EC;border-radius:16px;color:#0B1220;background:#fff;transition:background-color .2s}
.wbxl-reading #main .post-navigation>a:hover{background:#F7F9FC}
.wbxl-reading #main .post-navigation .item-content{min-width:0}
.wbxl-reading #main .post-navigation .item-label{display:block;font:600 13px/1.5 Manrope,Arial,sans-serif;letter-spacing:.05em;color:#667085;margin-bottom:8px}
.wbxl-reading #main .post-navigation .item-title{display:block!important;font:600 17px/1.45 Manrope,Arial,sans-serif;overflow-wrap:break-word}
.wbxl-reading #main .post-navigation .ct-media-container{flex:0 0 56px;width:56px;height:56px;border-radius:12px}
.wbxl-reading #main .post-navigation .nav-item-next{grid-column:2;text-align:left;flex-direction:row-reverse;justify-content:flex-end}
.wbxl-reading #main .post-edit-link{display:inline-block;margin:28px 24px 0}
@media(max-width:1024px){.wbxl-reading #main h1.elementor-heading-title{font-size:46px}.wbxl-reading #main h2.elementor-heading-title{font-size:34px}.wbxl-reading #main article .wbxl-hero{padding-top:36px}}
@media(max-width:767px){.wbxl-reading{--reading-width:100%}.wbxl-reading #main article .wbxl-page{--padding-left:20px;--padding-right:20px}.wbxl-reading #main article .wbxl-hero{padding-top:28px}.wbxl-reading #main h1.elementor-heading-title{font-size:38px;line-height:1.1}.wbxl-reading #main h2.elementor-heading-title{font-size:30px;line-height:1.2}.wbxl-reading #main h3.elementor-heading-title{font-size:23px}.wbxl-reading #main .elementor-widget-text-editor{font-size:17px;line-height:1.7}.wbxl-reading #main .wbxl-page:not(.wbxl-hero) .e-con-inner>.elementor-widget-heading:has(h2,h3){margin-top:44px}.wbxl-reading #main .wbxl-page:not(.wbxl-hero) .e-con-inner>.elementor-widget-heading:first-child{margin-top:0}.wbxl-reading #main #ez-toc-container{padding:22px 20px;margin-bottom:40px}.wbxl-reading #main #ez-toc-container li{font-size:16px}.wbxl-reading #main article>.ct-featured-image{width:calc(100% - 40px);margin-top:24px}.wbxl-reading #main article>.ct-featured-image :is(.ct-media-container,img){height:auto;max-height:none;border-radius:14px}.wbxl-reading #main pre.agb-code-example{padding:18px;font-size:13px}.wbxl-reading #main .wbxl-reading-cta{padding:24px;margin-top:48px;gap:18px}.wbxl-reading #main .wbxl-reading-cta .elementor-widget-heading{margin:0}.wbxl-reading #main .wbxl-reading-cta h2.elementor-heading-title{font-size:28px}.wbxl-reading #main .wbxl-reading-cta .elementor-button{width:100%}.wbxl-reading #main .post-navigation{width:calc(100% - 40px);grid-template-columns:1fr;margin-top:40px;padding:40px 0 80px;gap:16px}.wbxl-reading #main .post-navigation>a{padding:20px}.wbxl-reading #main .post-navigation .nav-item-next{grid-column:1}}
.wbxl-reading #main .wbxl-page>.e-con-inner>.wbxl-reading-cta:first-child{margin-top:8px}
/* Easy TOC centers its box with margin-bottom:1em!important. Override only that forced gap. */
.wbxl-reading #main #ez-toc-container.ez-toc-wrap-center{margin-bottom:48px!important}
@media(max-width:767px){.wbxl-reading #main #ez-toc-container.ez-toc-wrap-center{margin-bottom:40px!important}}
