.article-template{background:var(--sba-paper);padding-bottom:6rem}.page-width--article{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media screen and (min-width:750px){.page-width--article{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:990px){.page-width--article{padding-left:4rem;padding-right:4rem}}.article-breadcrumb{padding:2.4rem 0 0}.article-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-family:var(--sba-mono);font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sba-muted)}.article-breadcrumb li{display:inline-flex;align-items:center}.article-breadcrumb a{color:var(--sba-muted)!important;text-decoration:none;transition:color .15s}.article-breadcrumb a:hover{color:var(--sba-green-dark)!important}.article-breadcrumb .sep{color:var(--sba-line);margin:0 .2rem}.article-breadcrumb .current{color:var(--sba-ink);max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-header{padding-top:3.2rem;padding-bottom:3rem;max-width:1100px}@media screen and (min-width:750px){.article-header{padding-top:4rem;padding-bottom:3.6rem}}.article-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}.article-tag{display:inline-block!important;font-family:var(--sba-mono);font-size:1.05rem!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--sba-green-dark)!important;text-decoration:none!important;padding:.4rem 1rem!important;background:var(--sba-green-light)!important;border:1px solid rgba(23,166,107,.2)!important;border-radius:100px!important;transition:background .15s,color .15s;line-height:1.6!important}.article-tag:hover{background:var(--sba-green)!important;color:#fff!important}.article-header__title{font-family:var(--sba-sans);font-size:clamp(3.2rem,4.2vw,4.4rem);line-height:1.04;font-weight:900;color:var(--sba-ink)!important;margin:0 0 1.8rem;letter-spacing:-.018em;text-wrap:balance}@media screen and (min-width:1200px){.article-header__title{font-size:clamp(4rem,4.4vw,5.2rem)}}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;font-family:var(--sba-mono);font-size:1.15rem;letter-spacing:.06em;color:var(--sba-muted);font-weight:600}.article-header__meta time{color:var(--sba-muted)}.article-header__divider{color:var(--sba-line);opacity:1}.article-header__readtime,.article-header__byline,.article-header__updated{color:var(--sba-muted)}.article-header__updated{color:var(--sba-green-dark)}.article-header__byline strong{color:var(--sba-ink);font-weight:700}.article-hero{width:100%;max-width:1100px;margin:0 auto 4rem;border-radius:0;overflow:hidden;background:var(--sba-line-soft)}.article-hero__img{width:100%;height:auto;display:block}@media screen and (min-width:750px){.article-hero{border-radius:12px;margin-bottom:5rem;box-shadow:0 1px 0 var(--sba-line-soft),0 32px 64px -28px #07100d38,0 0 0 1px #17a66b0d}}.article-toc{max-width:1100px;margin:0 auto 4rem;padding:2rem 2.2rem;background:var(--sba-paper-2);border:1px solid var(--sba-line);border-left:3px solid var(--sba-green);border-radius:0 8px 8px 0}.article-toc__heading{font-family:var(--sba-mono);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sba-green-dark);font-weight:700;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem}.article-toc__heading:before{content:"";width:6px;height:6px;background:var(--sba-green);border-radius:50%}.article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:flex;flex-direction:column;gap:.5rem}.article-toc li{counter-increment:toc;display:flex;align-items:baseline;gap:.9rem;font-size:1.45rem;line-height:1.45}.article-toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--sba-mono);font-size:1rem;color:var(--sba-muted-2);font-weight:600;flex-shrink:0}.article-toc a{color:var(--sba-ink-soft);text-decoration:none;font-weight:500;font-family:var(--sba-sans);border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.article-toc a:hover{color:var(--sba-green-dark);border-bottom-color:var(--sba-green)}.article-body{font-family:var(--sba-serif);font-size:1.85rem;line-height:1.78;color:#26302f!important;margin:0 auto 5rem;max-width:1100px;font-weight:400}@media screen and (min-width:750px){.article-body{font-size:1.95rem}}.article-body p{margin:0 0 1.8rem;color:#26302f!important}.article-body>p:first-of-type:first-letter{font-family:var(--sba-sans);font-weight:900;font-size:5.8rem;line-height:.92;float:left;margin:.4rem 1rem 0 0;color:var(--sba-green-dark);letter-spacing:-.04em}.article-body h2{font-family:var(--sba-sans);font-size:clamp(2.4rem,3.6vw,3.2rem);font-weight:800;color:var(--sba-ink)!important;margin:5rem 0 1.4rem;line-height:1.18;letter-spacing:-.018em;scroll-margin-top:8rem;text-wrap:balance}.article-body h3{font-family:var(--sba-sans);font-size:clamp(1.9rem,2.8vw,2.4rem);font-weight:700;color:var(--sba-ink)!important;margin:3.6rem 0 1.2rem;line-height:1.25;letter-spacing:-.01em;scroll-margin-top:8rem}.article-body h4{font-family:var(--sba-sans);font-size:1.85rem;font-weight:700;color:var(--sba-ink-soft)!important;margin:2.6rem 0 1rem;line-height:1.3}.article-body ul,.article-body ol{padding-left:2.4rem;margin:0 0 2rem}.article-body li{margin-bottom:.7rem;line-height:1.7;color:#26302f!important}.article-body ul li::marker{color:var(--sba-green)}.article-body ol li::marker{color:var(--sba-green-dark);font-weight:700}.article-body a{color:var(--sba-green-dark);text-decoration:underline;text-decoration-color:#17a66b73;text-decoration-thickness:1.5px;text-underline-offset:.22em;font-weight:600;transition:color .15s,text-decoration-color .15s}.article-body a:hover{color:var(--sba-green);text-decoration-color:var(--sba-green);text-decoration-thickness:2px}.article-body strong{color:var(--sba-ink)!important;font-weight:700}.article-body em{color:var(--sba-ink-soft)!important;font-style:italic}.article-body blockquote{margin:3.2rem 0;padding:2.2rem 2.6rem 2.2rem 3rem;border-left:4px solid var(--sba-green);background:#17a66b0f;border-radius:0 8px 8px 0;font-family:var(--sba-serif);font-style:italic;font-size:clamp(2rem,2.6vw,2.4rem);line-height:1.45;color:var(--sba-ink)!important;font-weight:500;letter-spacing:-.005em}.article-body blockquote p{margin:0 0 .8rem}.article-body blockquote p:last-child{margin:0}.article-body blockquote cite,.article-body blockquote footer{display:block;margin-top:1rem;font-family:var(--sba-mono);font-size:1.05rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--sba-muted);font-weight:600}.article-body img{display:block;width:100%;height:auto;margin:2.8rem 0;border-radius:8px;background:var(--sba-line-soft)}.article-body figure{margin:3rem 0}.article-body figure img{margin:0}.article-body figcaption{display:block;margin-top:1.2rem;font-family:var(--sba-mono);font-size:1.15rem;letter-spacing:.04em;color:var(--sba-muted)!important;text-align:center;font-weight:500;line-height:1.5}.article-body code{font-family:var(--sba-mono);font-size:.88em;background:var(--sba-paper-2);border:1px solid var(--sba-line);padding:.15em .45em;border-radius:4px;color:var(--sba-green-dark)}.article-body pre{background:var(--sba-engine);color:#c9f6df;padding:1.6rem 1.8rem;border-radius:8px;overflow-x:auto;margin:2.2rem 0;font-size:1.4rem;line-height:1.55;border:1px solid rgba(23,166,107,.18)}.article-body pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.article-body hr{border:0;height:1px;background:var(--sba-line);margin:4rem auto;max-width:200px}.article-body table{width:100%;border-collapse:collapse;margin:2.4rem 0;font-family:var(--sba-sans);font-size:1.45rem}.article-body th,.article-body td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--sba-line);vertical-align:top;color:#26302f!important}.article-body th{background:var(--sba-paper-2);font-weight:700;color:var(--sba-ink);font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase}.article-body tr:last-child td{border-bottom:0}.article-cta-panel{max-width:1100px;margin:0 auto 4rem;padding-top:4rem;border-top:1px solid var(--sba-line)}.article-cta-panel__inner{background:var(--sba-engine);color:#fff;border-radius:12px;padding:3.2rem 2.8rem;text-align:center;box-shadow:0 30px 60px -28px #07100d66;position:relative;overflow:hidden}.article-cta-panel__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 200px at 20% 0%,rgba(8,230,141,.14),transparent 60%),radial-gradient(500px 200px at 80% 100%,rgba(8,212,212,.1),transparent 60%);pointer-events:none}.article-cta-panel__inner>*{position:relative;z-index:1}.article-cta-panel__eyebrow{font-family:var(--sba-mono);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sba-green-bright);font-weight:700;margin:0 0 1.2rem}.article-cta-panel__headline{font-family:var(--sba-sans);font-size:clamp(2.4rem,3.2vw,3rem);font-weight:800;color:#fff;line-height:1.15;margin:0 0 1.4rem;letter-spacing:-.018em}.article-cta-panel__body{font-family:var(--sba-sans);font-size:1.55rem;line-height:1.6;color:#ffffffb8;margin:0 auto 2.4rem;max-width:460px}.article-cta-panel__btn{display:inline-flex;align-items:center;gap:.8rem;background:var(--sba-green-bright);color:var(--sba-engine)!important;font-family:var(--sba-sans);font-size:1.45rem;font-weight:800;padding:1.4rem 2.4rem;border-radius:8px;text-decoration:none!important;transition:background .15s,transform .15s}.article-cta-panel__btn:hover{background:#4eff9f;transform:translateY(-1px)}.article-cta-panel__subtext{font-family:var(--sba-mono);font-size:1.05rem;letter-spacing:.08em;color:#ffffff80;margin:1.6rem 0 0}.article-related{max-width:1100px;margin:0 auto 4rem}.article-related__heading{font-family:var(--sba-mono);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sba-green-dark);font-weight:700;margin:0 0 2rem;text-align:center}.article-related__grid{display:grid;grid-template-columns:1fr;gap:1.6rem}@media screen and (min-width:750px){.article-related__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.article-related__card{display:flex;flex-direction:column;gap:1rem;padding:2rem 2rem 1.8rem;background:var(--sba-paper-2);border:1px solid var(--sba-line);border-radius:10px;text-decoration:none!important;color:var(--sba-ink)!important;transition:border-color .2s,transform .2s,box-shadow .2s;min-height:100%}.article-related__card:hover{border-color:var(--sba-green);transform:translateY(-2px);box-shadow:0 16px 40px -20px #07100d2e}.article-related__card-title{font-family:var(--sba-sans);font-size:1.6rem;font-weight:700;color:var(--sba-ink)!important;line-height:1.3;letter-spacing:-.01em;margin-bottom:auto}.article-related__card-meta{font-family:var(--sba-mono);font-size:1.05rem;letter-spacing:.08em;color:var(--sba-muted);font-weight:600;text-transform:uppercase}.article-back{max-width:1100px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--sba-line)}.article-back__link{display:inline-block;font-family:var(--sba-mono);font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sba-muted)!important;text-decoration:none!important;font-weight:600;transition:color .15s}.article-back__link:hover{color:var(--sba-green-dark)!important}@media(max-width:749px){.article-template{padding-bottom:4rem}.page-width--article{padding-left:1.4rem;padding-right:1.4rem}.article-breadcrumb{padding-top:1.6rem}.article-breadcrumb ol{font-size:1rem;gap:.4rem}.article-breadcrumb .current{max-width:18ch}.article-header{padding-top:2.4rem;padding-bottom:2.4rem}.article-header__title{font-size:3.2rem!important}.article-header__meta{font-size:1.05rem;gap:.5rem}.article-hero{margin-bottom:3rem;margin-left:-1.4rem;margin-right:-1.4rem;width:calc(100% + 2.8rem);max-width:none;border-radius:0;box-shadow:none}.article-toc{margin-bottom:3rem;padding:1.6rem 1.8rem}.article-toc li{font-size:1.35rem}.article-body{font-size:1.7rem;line-height:1.72;margin-bottom:4rem}.article-body>p:first-of-type:first-letter{font-size:4.4rem}.article-body h2{font-size:2.4rem;margin:3.6rem 0 1.2rem}.article-body h3{font-size:1.95rem;margin:2.8rem 0 1rem}.article-body blockquote{padding:1.6rem 1.8rem 1.6rem 2rem;font-size:1.85rem}.article-cta-panel__inner{padding:2.4rem 1.8rem}.article-related__heading{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/section-blog-post.css.map */