@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--g-green: #2a7d4f;--g-bg-green: #f0f7f4;--g-amber: #f9a825;--g-amber-dark: #b8860b;--g-bg-amber: #fffcf0;--g-heading: #111;--g-text: #1a1a2e;--g-text-dark: #333;--g-text-soft: #444;--g-text-light: #555;--g-muted: #888;--g-caption: #aaa;--g-white: #fff;--g-code-bg: #f5f5f5;--g-header-bg: #f5f6f7;--g-border: #eee;--g-border-mid: #e8ece9;--g-border-dark: #ddd;--g-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--g-mono: "SF Mono", "Fira Code", "Consolas", monospace;--g-font-size: 17px;--g-content-width: 900px;--g-header-width: 720px;--g-radius: 8px}.page-width--narrow:has(.guide-wrapper){max-width:85%!important}@media(min-width:1200px){.page-width--narrow:has(.guide-wrapper){max-width:75%!important}}.page-width--narrow:has(.guide-wrapper) h1.page-title{max-width:var(--g-content-width)!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:0!important;padding-left:34px!important;padding-right:34px!important;text-align:left!important;font-family:var(--g-font)}.rte>.guide-wrapper:first-child{padding-top:1.2em}.guide-wrapper *,.page-header *{box-sizing:border-box}.page-header{background:var(--g-white);border-bottom:1px solid var(--g-border-mid);padding:1em 0;font-family:var(--g-font);font-size:var(--g-font-size)}.page-header-inner{max-width:var(--g-header-width);margin:0 auto;padding:0 2em;display:flex;align-items:center;gap:.6em}.logo-text{font-weight:700;font-size:1.15em;color:var(--g-green);letter-spacing:-.02em}.logo-tag{font-size:.75em;color:var(--g-muted);border-left:1px solid var(--g-border-dark);padding-left:.6em}.guide-wrapper{max-width:var(--g-content-width);width:100%;margin:0 auto;padding:3em 2em 5em;font-family:var(--g-font);font-size:var(--g-font-size);line-height:1.72;color:var(--g-text)}.guide-wrapper h1{font-size:2em;font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:.3em;color:var(--g-heading)}.guide-wrapper h2{font-size:1.35em;font-weight:700;margin:2.8em 0 1em;padding-top:1.5em;border-top:1px solid var(--g-border);letter-spacing:-.02em}.guide-wrapper p{margin-bottom:1.2em}.guide-wrapper a{color:var(--g-green)}.guide-wrapper ul{margin:0 0 1.2em;padding-left:1.4em}.guide-wrapper li{margin-bottom:.5em}.guide-meta{font-size:.85em;color:var(--g-muted);margin-bottom:2.5em;padding-bottom:2em;border-bottom:1px solid var(--g-border)}.guide-nav{background:var(--g-white);border:1px solid var(--g-border-mid);padding:1.2em 1.6em;border-radius:var(--g-radius);margin-bottom:2.5em}.guide-nav strong{font-size:.8em;text-transform:uppercase;letter-spacing:.08em;color:var(--g-muted)}.guide-nav ol{margin:.6em 0 0;padding-left:1.2em;columns:2;column-gap:2em}.guide-nav li{font-size:.9em;margin-bottom:.3em;break-inside:avoid}.guide-nav a{color:var(--g-green);text-decoration:none}.guide-nav a:hover{text-decoration:underline}.tldr-box,.info-box{background:var(--g-bg-green);border-left:3px solid var(--g-green);padding:1.2em 1.5em;margin:1.5em 0;border-radius:0 var(--g-radius) var(--g-radius) 0}.tldr-box{padding:1.4em 1.6em;margin:0 0 2.5em}.tldr-box strong,.info-box strong{display:block;font-size:.8em;text-transform:uppercase;letter-spacing:.08em;color:var(--g-green);margin-bottom:.5em}.tldr-box p,.info-box p{margin:.5em 0 0;font-size:.95em;color:var(--g-text-dark)}.tldr-box p{margin:0}.tip-box{background:var(--g-bg-amber);border-left:3px solid var(--g-amber);padding:1.2em 1.5em;margin:1.5em 0;border-radius:0 var(--g-radius) var(--g-radius) 0}.tip-box strong{color:var(--g-amber-dark)}.tip-box p{margin:.5em 0 0;font-size:.95em}.related-box,.cta-box{padding:1.2em 1.6em;border-radius:var(--g-radius);margin:1.5em 0}.related-box{background:var(--g-bg-green)}.cta-box{background:var(--g-white);border:2px solid var(--g-green)}.related-box strong,.cta-box strong{font-size:.85em}.cta-box strong{color:var(--g-green)}.related-box ul,.cta-box ul{margin:.4em 0 0;padding-left:1.2em}.related-box li,.cta-box li{font-size:.92em}.cta-box li{margin-bottom:.25em}.cta-box a{color:var(--g-green)}.guide-wrapper .figure-block,.rte .figure-block{margin:2.5em 0;text-align:center;width:100%!important;display:block!important}.guide-wrapper .figure-block img,.rte .figure-block img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0 auto;border-radius:4px;border:1px solid var(--g-border)}.figure-block figcaption{font-size:.8em;color:var(--g-caption);margin-top:.4em;font-style:italic}.table-wrap{overflow-x:auto;margin:1.5em 0}.guide-wrapper table{width:100%;border-collapse:collapse;font-size:.92em}.guide-wrapper thead tr{background:var(--g-header-bg)}.guide-wrapper th{padding:.8em 1em;text-align:left;border-bottom:2px solid var(--g-border-dark);font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.04em;color:var(--g-text-light)}.guide-wrapper td{padding:.8em 1em;border-bottom:1px solid var(--g-border)}.guide-wrapper tr:last-child td{border-bottom:2px solid var(--g-border-dark)}.tco-summary{font-weight:700;background:var(--g-bg-green)}.guide-wrapper pre{background:var(--g-code-bg);padding:1em 1.5em;border-radius:6px;overflow-x:auto;font-size:.88em;margin:1em 0;font-family:var(--g-mono);line-height:1.5;border:1px solid var(--g-border)}.guide-wrapper code{font-family:var(--g-mono);font-size:.9em;background:var(--g-code-bg);padding:.15em .4em;border-radius:3px}.guide-wrapper pre code{background:none;padding:0}.faq-section{margin:1.5em 0}.faq-section details{margin-bottom:.5em;border:1px solid var(--g-border-mid);border-radius:var(--g-radius);background:var(--g-white);transition:box-shadow .15s}.faq-section details[open]{box-shadow:0 1px 6px #0000000f}.faq-section summary{cursor:pointer;font-weight:600;padding:1em 1.3em;font-size:.95em;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:before{content:"+";display:inline-block;width:1.2em;font-weight:400;color:var(--g-green);font-size:1.1em}.faq-section details[open] summary:before{content:"\2212"}.faq-section details p{padding:0 1.3em 1em 2.5em;margin:0;font-size:.93em;color:var(--g-text-soft)}@media(max-width:749px){.page-width--narrow:has(.guide-wrapper){max-width:100%!important}.guide-wrapper{padding:1.5em 1em 3em;font-size:16px}.page-header-inner{padding:0 1em}.guide-wrapper h1{font-size:1.5em;letter-spacing:-.02em}.guide-wrapper h2{font-size:1.15em;margin:2em 0 .8em;padding-top:1em}.guide-nav ol{columns:1}.guide-nav{padding:1em 1.2em}.tldr-box,.tip-box,.info-box{padding:1em 1.1em}.related-box,.cta-box{padding:1em 1.2em}.table-wrap{margin-left:-1em;margin-right:-1em;padding:0;position:relative}.guide-wrapper table{font-size:.82em;min-width:520px}.guide-wrapper th{padding:.55em .65em;white-space:normal;min-width:120px}.guide-wrapper td{padding:.55em .65em;white-space:normal;min-width:110px}.guide-wrapper td:first-child,.guide-wrapper th:first-child{min-width:100px;max-width:130px;position:sticky;left:0;background:var(--g-white);z-index:1;box-shadow:2px 0 4px #0000000a}.guide-wrapper thead th:first-child{background:var(--g-header-bg)}.tco-summary td:first-child{background:var(--g-bg-green)}.faq-section summary{padding:.8em 1em;font-size:.9em}.faq-section details p{padding:0 1em .8em 2em;font-size:.88em}.guide-wrapper pre{padding:.8em 1em;font-size:.82em;margin-left:-1em;margin-right:-1em;border-radius:0}.guide-meta{margin-bottom:1.5em;padding-bottom:1.2em}.guide-wrapper .figure-block,.rte .figure-block{margin:1.5em -1em;width:calc(100% + 2em)!important}.guide-wrapper .figure-block img,.rte .figure-block img{border-radius:0;border-left:none;border-right:none}.figure-block figcaption{padding:0 1em;font-size:.75em}}@media(max-width:374px){.guide-wrapper{padding:1.2em .8em 2.5em;font-size:15px}.guide-wrapper h1{font-size:1.35em}.guide-wrapper table{font-size:.78em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/guide-design-a.css.map */