/* Shopify Code Library 3.0 - self-contained frontend design */
:root{--scl-green:#95BF47;--scl-dark-green:#5E8E3E;--scl-black:#000;--scl-text:#17202a;--scl-muted:#64706a;--scl-border:#dfe8d7;--scl-soft:#f5f9f2;--scl-white:#fff}
.scl-single,.scl-archive{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 18px 64px;color:var(--scl-text);font-family:inherit;line-height:1.65}
.scl-single *,.scl-archive *{box-sizing:border-box}.scl-single a,.scl-archive a{color:var(--scl-dark-green)}
.scl-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;color:#68736d;font-size:12px}.scl-breadcrumbs a{text-decoration:none}.scl-breadcrumbs span:last-child{color:#1d2822}
.scl-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:30px;align-items:center;margin-bottom:28px}.scl-hero{padding:10px 0}.scl-eyebrow{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;background:var(--scl-green);color:#fff;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}.scl-hero h1{margin:0 0 12px;color:#111;font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-.035em}.scl-lead{max-width:760px;margin:0 0 15px;color:#5e6962;font-size:16px}.scl-lead p{margin:0 0 8px}.scl-lead p:last-child{margin-bottom:0}.scl-badges,.scl-card-tags{display:flex;gap:7px;flex-wrap:wrap}.scl-badges span,.scl-card-tags span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #dce7d5;border-radius:999px;background:#f7fbf3;color:#4f6844;font-size:11px;font-weight:800}
.scl-hero-art{position:relative;min-height:245px}.scl-art-back{position:absolute;right:8%;top:12%;width:78%;height:78%;border-radius:28px 4px 28px 4px;background:linear-gradient(135deg,#f3f9ec 0 45%,#95bf47 45% 64%,transparent 64%);transform:rotate(-2deg)}.scl-art-card{position:absolute;right:12%;top:18%;width:78%;min-height:180px;border:1px solid #dce7d5;border-radius:14px;background:#fff;box-shadow:0 15px 40px rgba(25,50,20,.13);padding:28px 18px 16px}.scl-art-product{display:flex;width:86px;height:70px;align-items:center;justify-content:center;border-radius:10px;background:#f2f5f0;color:#5e8e3e;font-weight:900;font-size:24px}.scl-art-pill{position:absolute;right:-28px;top:20px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:var(--scl-green);color:#fff;font-size:10px;font-weight:800;box-shadow:0 8px 20px rgba(94,142,62,.25)}.scl-art-pill i{width:7px;height:7px;border-radius:50%;background:#fff}.scl-art-line{display:block;margin:14px 0 0 105px;height:8px;border-radius:10px;background:#e8eee5}.scl-art-line.short{width:45%;margin-left:105px}.scl-art-line.shorter{width:32%;margin-left:105px}
.scl-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.scl-main-column{min-width:0}.scl-sidebar{position:sticky;top:25px}.scl-info-card{padding:18px;border:1px solid var(--scl-border);border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(30,60,20,.07)}.scl-info-card .scl-section-heading{margin-bottom:12px}.scl-info-item{display:flex;gap:11px;padding:11px 0;border-top:1px solid #edf2e9}.scl-info-item:first-of-type{border-top:0}.scl-info-icon{display:flex;width:30px;height:30px;flex:0 0 30px;align-items:center;justify-content:center;border-radius:8px;background:#eef7e8;color:var(--scl-dark-green);font-size:13px;font-weight:900}.scl-info-item strong,.scl-info-item span{display:block}.scl-info-item strong{font-size:11px;color:#222;font-weight:900}.scl-info-item div>span{margin-top:2px;color:#67716b;font-size:11px;line-height:1.4}.scl-copy-all{width:100%;margin-top:10px;border:0;border-radius:7px;padding:11px 12px;background:var(--scl-dark-green);color:#fff;cursor:pointer;font-weight:900;font-size:12px}.scl-copy-all:hover{background:#4e7934}.scl-side-category{margin-top:14px;padding:13px 14px;border:1px solid var(--scl-border);border-radius:12px;background:#f8fbf6}.scl-side-category span{display:block;color:#738071;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.scl-side-category a{display:block;margin-top:3px;text-decoration:none;font-size:13px;font-weight:900}
.scl-preview-section{margin:0 0 28px}.scl-preview-wrap{overflow:hidden;padding:15px;border:1px solid #d9e7d0;border-radius:13px;background:#f8fbf6;box-shadow:0 10px 28px rgba(30,60,20,.06)}.scl-section-title,.scl-section-heading{display:flex;align-items:center;gap:10px}.scl-section-title{justify-content:space-between;margin-bottom:11px}.scl-title-with-icon{display:flex;align-items:center;gap:10px}.scl-section-title h2,.scl-section-heading h2{margin:0;color:#111;font-size:21px;line-height:1.25}.scl-section-title p{margin:2px 0 0;color:#758077;font-size:10px}.scl-heading-icon{display:inline-flex;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;color:var(--scl-dark-green);font-size:15px;font-weight:900}.scl-preview-status{display:inline-flex;align-items:center;gap:5px;color:#27713a;font-size:10px;font-weight:900}.scl-preview-status i{width:7px;height:7px;border-radius:50%;background:var(--scl-green)}.scl-preview-frame-wrap{overflow:hidden;border:1px solid #dce6d8;border-radius:9px;background:#fff}.scl-preview-frame{display:block;width:100%;height:100px;min-height:80px;border:0;background:#fff}.scl-note{margin:10px 2px 0;color:#68746c;font-size:10px;line-height:1.55}.scl-content-section,.scl-code-section,.scl-related-section{margin:28px 0}.scl-section-heading{margin-bottom:11px}.scl-section-heading>div{min-width:0}.scl-section-heading p{margin:2px 0 0;color:#707b73;font-size:11px}.scl-prose,.scl-prose p{color:#536058;font-size:13px}.scl-prose p:last-child{margin-bottom:0}.scl-instruction{padding:14px 16px;border:1px solid #dfebd8;border-radius:9px;background:#f7faf5;color:#536058;font-size:12px}.scl-instruction p:last-child{margin-bottom:0}.scl-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:13px 15px;border:1px solid #dfebd8;border-radius:9px;background:#f7faf5}.scl-path-step{display:flex;align-items:center;gap:7px}.scl-path-step span{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:var(--scl-green);color:#fff;font-size:9px;font-weight:900}.scl-path-step strong{font-size:10px;color:#344039}.scl-path-arrow{color:#a4b09f;font-size:12px}
.scl-code-block{width:100%;margin:13px 0 16px;overflow:hidden;border:1px solid #242a26;border-radius:8px;background:#0a0c0b!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.1)}.scl-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:7px 10px 7px 12px;background:#151917!important;color:#fff!important}.scl-code-head strong{color:#fff!important;font-size:10px}.scl-copy{appearance:none;border:0!important;border-radius:5px!important;padding:7px 10px!important;background:var(--scl-green)!important;color:#fff!important;cursor:pointer;font-size:10px!important;font-weight:900!important;line-height:1.2!important}.scl-copy:hover{background:var(--scl-dark-green)!important}.scl-code-block pre{display:block;width:100%;max-height:520px;min-height:60px;margin:0!important;overflow:auto!important;padding:14px!important;border:0!important;background:#090b0a!important;color:#fff!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;font-size:11px!important;line-height:1.65!important;text-align:left!important;white-space:pre!important;tab-size:2}.scl-code-block pre code,.scl-code-block pre code[class*=language-]{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font:inherit!important;line-height:inherit!important;text-shadow:none!important;white-space:pre!important;-webkit-text-fill-color:#fff!important}.scl-code-block pre::-webkit-scrollbar{width:9px;height:9px}.scl-code-block pre::-webkit-scrollbar-track{background:#171a18}.scl-code-block pre::-webkit-scrollbar-thumb{border-radius:9px;background:#4c544e}
.scl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.scl-installation{padding-right:18px;border-right:1px solid #dfe7dc}.scl-install-list p{position:relative;margin:0 0 10px;padding-left:26px;color:#526057;font-size:12px}.scl-install-list p:before{content:"✓";position:absolute;left:0;top:0;display:flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:var(--scl-green);color:#fff;font-size:9px;font-weight:900}.scl-custom-box{padding:13px 14px;border:1px solid #dfead8;border-radius:9px;background:#f7faf5}.scl-custom-box p{margin:0 0 8px;color:#526057;font-size:11px}.scl-custom-box p:last-child{margin-bottom:0}.scl-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.scl-small-card{min-width:0;padding:14px;border:1px solid #e0e7dc;border-radius:9px;background:#fff}.scl-small-card strong{display:block;color:#222;font-size:11px}.scl-small-card p,.scl-small-list p{margin:6px 0 0;color:#68736c;font-size:10px;line-height:1.5}.scl-small-list ul{margin:6px 0 0;padding-left:17px;color:#68736c;font-size:10px}.scl-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scl-related-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid #e0e7dc;border-radius:9px;background:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(30,60,20,.04)}.scl-related-thumb{display:flex;width:52px;height:45px;align-items:center;justify-content:center;border-radius:6px;background:#eef5e9;color:var(--scl-dark-green);font-weight:900;font-size:12px}.scl-related-card strong{display:block;color:#1d2821;font-size:10px;line-height:1.35}.scl-related-card small{display:block;margin-top:3px;color:#78837b;font-size:9px}.scl-related-arrow{color:var(--scl-dark-green);font-weight:900}.scl-disclaimer{margin-top:24px;padding:12px 14px;border:1px solid #dfe9d7;border-radius:8px;background:#f8fbf5;color:#5d6a61;font-size:10px;line-height:1.55}.scl-prev-next{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:35px;padding-top:22px;border-top:1px solid #e5ebe2}.scl-prev-next>div,.scl-next-wrap{min-width:0}.scl-prev-next span{display:block;color:#7a857e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.scl-prev-next a{display:block;margin-top:4px;color:#2e3b31;text-decoration:none;font-size:11px;font-weight:800}.scl-all-link{text-align:center!important;color:var(--scl-dark-green)!important}.scl-next-wrap{text-align:right}
.scl-archive{max-width:1240px}.scl-archive-head{margin:0 0 28px}.scl-archive-head h1{margin:0 0 8px;font-size:clamp(32px,5vw,50px);line-height:1.1;color:#111}.scl-archive-head p{max-width:780px;margin:0;color:#647068;font-size:16px}.scl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scl-card{display:flex;min-width:0;border:1px solid #e0e7dc;border-radius:12px;background:#fff;box-shadow:0 5px 20px rgba(30,60,20,.04);transition:transform .18s ease,box-shadow .18s ease}.scl-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,60,20,.09)}.scl-card-body{display:flex;width:100%;flex-direction:column;padding:20px}.scl-card h2{margin:10px 0 8px;font-size:20px;line-height:1.3}.scl-card h2 a,.scl-read{color:#1a241d;text-decoration:none}.scl-card p{flex:1;margin:0 0 15px;color:#68736c;font-size:13px}.scl-read{font-size:12px;font-weight:900}.scl-pagination{margin-top:30px}.scl-pagination ul{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.scl-pagination a,.scl-pagination span{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #dfe7dc;border-radius:7px;background:#fff;color:#2e3b31;text-decoration:none;font-size:12px;font-weight:800}.scl-pagination .current{background:var(--scl-dark-green);color:#fff}.scl-empty{padding:35px;border:1px dashed #cfdac9;border-radius:12px;background:#f8fbf6;text-align:center}
.scl-shortcode-error{font-family:inherit}
@media(max-width:950px){.scl-hero-grid{grid-template-columns:1fr}.scl-hero-art{min-height:210px;max-width:520px;margin:0 auto;width:100%}.scl-main-grid{grid-template-columns:1fr}.scl-sidebar{position:static}.scl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.scl-single,.scl-archive{padding:18px 13px 45px}.scl-hero h1{font-size:36px}.scl-hero-art{min-height:190px}.scl-art-card{right:8%;width:82%;min-height:150px}.scl-art-pill{right:-8px;font-size:9px}.scl-two-col,.scl-three-col,.scl-related-grid{grid-template-columns:1fr}.scl-installation{padding-right:0;border-right:0}.scl-preview-frame{min-height:80px}.scl-grid{grid-template-columns:1fr}.scl-section-title{display:block}.scl-preview-status{margin-top:6px}.scl-prev-next{grid-template-columns:1fr}.scl-all-link{order:2}.scl-next-wrap{text-align:left}.scl-code-block pre{max-height:420px;font-size:10px!important}.scl-path{align-items:flex-start;flex-direction:column}.scl-path-arrow{display:none}}