/**
 * Botonics new blog post template styles.
 */


 .ag-root{--ag-green:#336b38;--ag-deep:#002d23;--ag-ink:#474747;--ag-line:#e5e7eb;clear:both;position:relative;z-index:1;font-family:degular,sans-serif;color:var(--ag-ink)}.ag-root *{box-sizing:border-box}.ag-hero{clear:both;position:relative;background:linear-gradient(160deg,#eef4ec 0%,#e4efe6 48%,#f3f0ea 100%);border-bottom:1px solid var(--ag-line)}.ag-hero-inner{max-width:1280px;margin:0 auto;padding:56px 40px 60px;display:grid;grid-template-columns:minmax(0,1fr) 456px;gap:56px;align-items:center}.ag-crumb{font-size:13px;color:var(--ag-green);margin:0 0 20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ag-crumb a{color:var(--ag-green);text-decoration:none}.ag-crumb span{color:#9aa8a0}.ag-h1{font-family:degular,sans-serif!important;font-weight:500!important;font-size:clamp(30px,3.6vw,46px)!important;line-height:1.12!important;color:var(--ag-deep)!important;letter-spacing:-.01em;margin:0 0 22px!important;max-width:16ch}.ag-byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:14.5px;color:#6b7280}.ag-byline a{color:var(--ag-green);text-decoration:none;border-bottom:1px solid #cedbcf}.ag-sep{color:#c2ccc6}.ag-hero-media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;box-shadow:0 18px 44px rgba(0,45,35,.16)}.ag-layout{max-width:1280px;margin:0 auto;padding:56px 40px 90px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}.ag-article{min-width:0}.ag-lead{font-size:19px;line-height:1.65;color:var(--ag-green);margin:0 0 36px}.ag-article p{font-size:16.5px;line-height:1.8;margin:0 0 20px;color:var(--ag-ink)}.ag-article h2{font-family:athelas,serif!important;font-weight:400!important;font-size:30px!important;line-height:1.25!important;color:var(--ag-deep)!important;margin:52px 0 16px!important;padding-top:22px;border-top:1px solid var(--ag-line)}.ag-article h3{font-weight:500!important;font-size:20px!important;line-height:1.35!important;color:var(--ag-green)!important;margin:34px 0 12px!important}.ag-article ul{padding-left:26px;margin:0 0 22px}.ag-article ol{padding-left:28px;margin:0 0 22px}.ag-article li{font-size:16.5px;line-height:1.7;margin-bottom:11px}.ag-article a{color:#3a7d44;text-decoration:none;border-bottom:1px solid #d4ecd7}.ag-article img{border-radius:8px;margin:10px 0 24px;max-width:100%;height:auto}.ag-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:22px}.ag-card{border:1.5px solid var(--ag-line);border-radius:16px;padding:22px;background:#fff}.ag-toc-title,.ag-rev-card .ag-h{font-family:athelas,serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-green);margin:0 0 12px}.ag-toc-list{padding:0;margin:0;list-style:none}.ag-toc-list li{margin:0;border-bottom:1px solid #edf0ee}.ag-toc-list a{display:flex;padding:10px 0;gap:0px;color:var(--ag-green);font-size:13.5px;line-height:1.35;text-decoration:none}.ag-rev-card .ag-n{font-size:18px;font-weight:500;color:var(--ag-deep);margin:0 0 4px}.ag-rev-card .ag-c,.ag-rev-card .ag-d{font-size:13.5px;line-height:1.5;color:#6b7280;margin:0 0 5px}.ag-cta-card{background:linear-gradient(135deg,var(--ag-deep) 0%,#1a4a35 100%);border-radius:16px;padding:24px}.ag-cta-card .ag-e{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 10px}.ag-cta-card .ag-t{font-size:18px;font-weight:500;color:#fff;line-height:1.35;margin:0 0 10px}.ag-cta-card .ag-b{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.6;margin:0 0 18px}.ag-cta-card .ag-btn{display:block;text-align:center;background:#fff;color:var(--ag-deep);text-decoration:none;padding:12px;border-radius:8px;font-size:14px;font-weight:500}.ag-cta-card .ag-call{display:block;text-align:center;color:rgba(255,255,255,.7);font-size:12.5px;margin-top:12px;text-decoration:none}.ag-author{position:relative;display:inline-block}.ag-author-card{position:absolute;left:0;top:calc(100% + 10px);z-index:40;width:270px;background:#fff;border:1px solid var(--ag-line);border-radius:12px;padding:14px 16px;box-shadow:0 12px 34px rgba(0,45,35,.16);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .16s ease;text-align:left;pointer-events:none}.ag-author-card:before{content:"";position:absolute;left:22px;top:-6px;width:11px;height:11px;background:#fff;border-left:1px solid var(--ag-line);border-top:1px solid var(--ag-line);transform:rotate(45deg)}.ag-author:hover .ag-author-card,.ag-author:focus-within .ag-author-card{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.ag-author-card-n{display:block;font-size:15px;font-weight:600;color:var(--ag-deep);margin-bottom:2px}.ag-author-card-r{display:block;font-size:12.5px;color:var(--ag-green);margin-bottom:8px}.ag-author-card-b{display:block;font-size:12.5px;line-height:1.55;color:#6b7280}.ag-faq{margin-top:4px}.ag-faq-item{border-bottom:1px solid var(--ag-line)}.ag-faq-item:first-child{border-top:1px solid var(--ag-line)}.ag-faq-item>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 4px;font-size:17px;font-weight:500;color:var(--ag-deep)}.ag-faq-item>summary::-webkit-details-marker{display:none}.ag-faq-item>summary:after{content:"+";font-size:22px;color:var(--ag-green)}.ag-faq-item[open]>summary:after{content:"\2013"}.ag-faq-a{padding:0 40px 18px 4px}.ag-faq-a p{margin:0 0 12px}@media(max-width:991px){.ag-hero-inner{grid-template-columns:1fr;gap:26px;padding:34px 20px 38px}.ag-hero-media{order:-1}.ag-layout{grid-template-columns:1fr;padding:38px 20px 60px;gap:38px}.ag-sidebar{position:static}.ag-author-card{width:230px;left:auto;right:0}.ag-author-card:before{left:auto;right:22px}}



 .ag-article>p:first-child,.ag-lead{font-size:16.5px;line-height:1.7;color:var(--ag-ink);margin-bottom:18px}
 .ag-article ul{list-style:none;padding-left:0;margin:0 0 24px}
 .ag-article ul li{position:relative;padding-left:26px;margin:0 0 11px;font-size:16.5px;line-height:1.7}
 .ag-article ul li::before{content:"";position:absolute;left:3px;top:.72em;width:7px;height:7px;border-radius:50%;background:#3a7d44}
 .ag-article ol{counter-reset:ag-ol;list-style:none;padding-left:0;margin:0 0 24px}
 .ag-article ol li{position:relative;padding-left:34px;margin:0 0 12px;font-size:16.5px;line-height:1.72;counter-increment:ag-ol}
 .ag-article ol li::before{content:counter(ag-ol);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:#eef4ec;color:#336b38;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
 .ag-article .bp-faq{margin-top:4px}
 .ag-article .bp-faq-item{border-bottom:1px solid var(--ag-line)}
 .ag-article .bp-faq-item:first-child{border-top:1px solid var(--ag-line)}
 .ag-article .bp-faq-item>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 4px;font-family:degular,sans-serif;font-size:17px;font-weight:500;color:var(--ag-deep)}
 .ag-article .bp-faq-item>summary::-webkit-details-marker{display:none}
 .ag-article .bp-faq-item>summary::after{content:"+";font-size:22px;color:var(--ag-green)}
 .ag-article .bp-faq-item[open]>summary::after{content:"\2013"}
 .ag-article .bp-faq-a{padding:0 40px 18px 4px}
 .ag-toc{padding:22px 22px 24px}
 .ag-toc-list li{border:0;margin:0}
 .ag-toc-list a{display:flex;align-items:flex-start;gap:0px;padding:8px 8px;border-radius:9px;color:#667085;font-size:13.5px;line-height:1.4}
 .ag-toc-list a:hover,.ag-toc-list a.is-active{background:#eef8ee;color:#336b38}
 .ag-toc-num{flex:0 0 24px;color:#a6b9ad;font-size:12px;letter-spacing:.02em}
 .ag-toc-link{flex:1}
 .ag-share{display:flex;align-items:center;justify-content:center;gap:14px;margin:48px 0 6px;padding-top:0;border-top:0;color:var(--ag-deep)}
 .ag-share-label{font-family:athelas,serif;text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin-right:6px}
 .ag-share a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ag-deep);color:#fff!important;border:0!important;text-decoration:none;font-size:16px;font-weight:600}
 .ag-tp-card{padding:20px 22px}
 .ag-tp-logo{font-size:24px;margin:0 0 10px;color:#111;font-weight:600}.ag-tp-logo span{color:#00b67a;font-size:30px;vertical-align:-2px;margin-right:4px}
 .ag-tp-stars{display:inline-block;background:#00b67a;color:#fff;letter-spacing:4px;padding:6px 8px;font-size:16px;margin-bottom:8px}
 .ag-tp-score{font-size:12.5px;color:#4b5563;margin:0}.ag-tp-score a{color:var(--ag-deep);text-decoration:underline}
 .ag-root .ag-layout{max-width:1280px!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:64px!important;padding:56px 40px 90px!important}
 .ag-root .ag-article p{margin:0 0 14px!important;line-height:1.7!important}
 .ag-root .ag-article ul,.ag-root .ag-article ol{margin:0 0 16px!important}
 .ag-root .ag-article ul li,.ag-root .ag-article ol li{margin-bottom:8px!important}
 .ag-root .ag-article h2{margin:8px 0 12px!important;padding-top:0!important;border-top:0!important;color:#1a4a35!important}
 .ag-root .ag-article h3{margin:20px 0 8px!important;border-top:0!important;padding-top:0!important;color:#1a4a35!important}
 .ag-toc-title{display:flex;align-items:center;gap:8px;margin-bottom:14px}
 .ag-toc-title::after{content:"";flex:1;height:1px;background:var(--ag-line)}
 .ag-article .bp-faq{margin-top:1.25rem}
 .ag-article .bp-faq-item>summary{padding:18px 4px!important}
 .ag-article .bp-faq-item>summary span{font-size:17px!important;line-height:1.45}
 .ag-article .bp-faq-item>summary::after{font-size:22px!important}
 .ag-article .bp-faq-a{padding:0 40px 18px 4px!important}
 @media(max-width:991px){.ag-share{margin-top:38px}.ag-toc{padding:18px}}
 
 
 
 .ag-root .ag-hero{padding-top:2.25rem!important;padding-bottom:2.25rem!important}
 .ag-root .ag-hero-inner{padding-top:1.5rem!important;padding-bottom:1.5rem!important;align-items:center!important}
 .ag-root .ag-article>p:first-child{font-size:16.5px!important;line-height:1.7!important;color:#474747!important;margin-bottom:18px!important}
 .ag-root .ag-tp-card .trustpilot-widget{min-height:150px}
 @media(max-width:991px){.ag-root .ag-hero{padding-top:2.75rem!important;padding-bottom:2.25rem!important}.ag-root .ag-hero-inner{padding-top:0!important;padding-bottom:0!important}}
 /* Fixed theme-header clearance. */
 .ag-root {
     margin-top: 124px;
 }
 
 body.admin-bar .ag-root {
     margin-top: 92px;
 }
 
 @media (min-width: 768px) and (max-width: 782px) {
     body.admin-bar .ag-root {
         margin-top: 78px;
     }
 }
 @media (max-width: 767.98px) {
     .ag-root {
         margin-top: 88px;
     }
 
     body.admin-bar .ag-root {
         margin-top: 42px;
     }
 }
 
 /* Self-contained blog share icons. */
 .ag-share-dot {
     color: var(--ag-green);
     font-size: 18px;
     line-height: 1;
 }
 
 .ag-share a .ag-share-icon {
     display: block;
     width: 17px;
     height: 17px;
     fill: currentColor;
 }
 
 .ag-share a .ag-share-icon-facebook {
     width: 11px;
     height: 18px;
 }
 /* Responsive blog layout correction. */
 @media (max-width: 991.98px) {
     .ag-root .ag-layout {
         grid-template-columns: minmax(0, 1fr) !important;
         gap: 38px !important;
         padding: 38px 20px 60px !important;
     }
 
     .ag-root .ag-article,
     .ag-root .ag-sidebar,
     .ag-root .ag-share {
         width: 100%;
         min-width: 0;
         max-width: none;
     }
 
     .ag-root .ag-sidebar {
         position: static;
     }
 
     .ag-root .ag-share {
         flex-wrap: wrap;
     }
 }
 
 @media (max-width: 479.98px) {
     .ag-root .ag-share {
         column-gap: 11px;
         row-gap: 12px;
     }
 
     .ag-root .ag-share-label {
         margin-right: 2px;
     }
 }
 /* Template-scoped WordPress admin-bar clearance. */
 body.admin-bar.post-template-botonics-new-blog-template #main-nav {
     top: 32px !important;
 }
 
 body.admin-bar .ag-root {
     margin-top: 124px;
 }
 
 @media (max-width: 782px) {
     body.admin-bar.post-template-botonics-new-blog-template #main-nav {
         top: 46px !important;
     }
 }
 
 @media (max-width: 767.98px) {
     body.admin-bar .ag-root {
         margin-top: 88px;
     }
 }
 

/* Mobile hero follows the reading order: text first, featured image second. */
@media (max-width: 991px) {
    .ag-root .ag-hero-media { order: initial; }
}