:root{--green-dark: #2d3d2e;--green-primary: #415D43;--green-light: #e8efe8;--orange: #BB6C26;--cream: #F5F3ED;--text-dark: #2D2D2D;--text-mid: #555;--text-light: #777;--border: #ddd8cc;--white: #ffffff}.ht-page{background:var(--cream);color:var(--text-dark);max-width:1326px;--bs-gutter-x: 1.5rem;width:100%;padding-right:var(--bs-gutter-x, .75rem);padding-left:var(--bs-gutter-x, .75rem);margin-right:auto;margin-left:auto}.ht-breadcrumb{margin:0 auto}.ht-breadcrumb__list{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px}.ht-breadcrumb__item{display:flex;align-items:center;gap:4px;font-family:Figtree,sans-serif;font-size:13px;color:var(--text-light)}.ht-breadcrumb__link{color:var(--text-light);text-decoration:none;transition:color .2s}.ht-breadcrumb__link:hover{color:var(--green-primary)}.ht-breadcrumb__sep{color:var(--text-light);font-size:12px}.ht-breadcrumb__item--current{color:var(--text-mid);font-weight:500}.ht-hero{text-align:center;padding:14px 0 24px;border-bottom:1px solid var(--border)}.ht-hero__title{font-family:Poppins,sans-serif;font-size:clamp(22px,3.5vw,36px);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text-dark);margin-top:0;margin-bottom:10px}.ht-hero__subtitle{font-size:16px;color:var(--text-mid);max-width:600px;margin:0 auto;line-height:1.6}.ht-related-bar{grid-column:1 / -1;display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:12px}.ht-related-bar__heading{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--text-mid);white-space:nowrap}.ht-related-bar__list{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px}.ht-related-bar__link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-family:Poppins,sans-serif;font-weight:600;color:var(--green-primary);text-decoration:none;transition:color .2s}.ht-related-bar__link:hover{color:var(--green-dark)}.ht-related-bar__link svg{width:12px;height:8px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .2s}.ht-related-bar__link:hover svg{transform:translate(3px)}.ht-layout{max-width:1060px;margin:0 auto;padding:20px 24px 64px;display:grid;grid-template-columns:1fr 280px;gap:0 32px;align-items:start}.ht-collection-bar{display:inline-flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--border);border-left:3px solid var(--green-primary);padding:12px 16px;margin-bottom:8px}.ht-collection-bar__label{font-size:14px;color:var(--text-mid);font-family:Figtree,sans-serif;line-height:1.4;white-space:nowrap}.ht-intro{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.ht-intro p{font-size:15px;line-height:1.75;color:var(--text-mid);margin-bottom:10px}.ht-intro p:last-child{margin-bottom:0}.ht-intro a{color:var(--green-primary);text-decoration:underline;text-underline-offset:2px}.ht-intro a:hover{color:var(--green-dark)}.ht-content{font-family:Figtree,sans-serif;font-size:15px;line-height:1.7;color:var(--text-dark)}.ht-content h2{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:var(--green-dark);margin-top:36px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--green-light)}.ht-content h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:var(--text-dark);margin-top:24px;margin-bottom:8px}.ht-content h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;margin-top:20px;margin-bottom:6px}.ht-content p{margin-bottom:14px}.ht-content p:last-child{margin-bottom:0}.ht-content ul,.ht-content ol{padding-left:22px;margin-bottom:16px}.ht-content li{margin-bottom:7px;line-height:1.65}.ht-content li:last-child{margin-bottom:0}.ht-content a{color:var(--green-primary);text-decoration:underline;text-underline-offset:2px}.ht-content a:hover{color:var(--green-dark)}.ht-content strong,.ht-content b{font-weight:600;color:var(--text-dark)}.ht-content table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.ht-content th{background:var(--green-primary);color:var(--white);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-align:left;padding:10px 14px}.ht-content td{padding:9px 14px;border-bottom:1px solid var(--border);color:var(--text-dark)}.ht-content tr:nth-child(2n) td{background:var(--green-light)}.ht-content blockquote{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--orange);padding:14px 18px;margin:20px 0;font-size:14px;color:var(--text-dark);line-height:1.65}.ht-content blockquote strong{color:var(--orange)}.ht-collection-footer{margin-top:40px;padding-top:28px;border-top:1px solid var(--border);display:flex;justify-content:flex-start}.ht-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.ht-support{background:var(--green-primary);padding:24px 20px;color:var(--white)}.ht-support__icon{width:32px;height:32px;margin-bottom:12px;opacity:.85}.ht-support__icon svg{width:32px;height:32px;stroke:var(--white)}.ht-support__heading{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.3;color:var(--white)}.ht-support__text{font-size:14px;line-height:1.6;opacity:.88;margin-bottom:20px;color:var(--white)}.ht-sidebar-collection{background:var(--white);border:1px solid var(--border);padding:18px 16px}.ht-sidebar-collection__label{font-size:13px;color:var(--text-mid);line-height:1.5;margin-bottom:14px;font-family:Figtree,sans-serif}.ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s;cursor:pointer;white-space:nowrap}.ht-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ht-btn--primary{background:var(--green-primary);color:var(--white);font-size:11px;padding:8px 16px}.ht-btn--primary:hover{background:var(--green-dark);color:var(--white)}.ht-btn--large{font-size:13px;padding:12px 22px}.ht-btn--outline{background:transparent;color:var(--green-primary);border:1.5px solid var(--green-primary);font-size:11px;padding:8px 16px;width:100%}.ht-btn--outline:hover{background:var(--green-primary);color:var(--white)}.ht-btn--support{background:var(--orange);color:var(--white);font-size:12px;padding:10px 18px;width:100%}.ht-btn--support:hover{background:#a05c1e;color:var(--white)}.ht-jump-nav{font-size:13px;color:var(--text-mid);margin-bottom:24px}.ht-jump-nav__label{margin-right:6px;font-weight:500}.ht-jump-nav a{color:var(--green-primary);text-decoration:underline;margin-right:6px}.ht-jump-nav a:hover{color:var(--green-dark)}.ht-jump-nav__divider{margin:0 4px;color:#aaa}.ht-footer-strip{border-top:1px solid var(--border);padding:24px 32px;max-width:1060px;margin:0 auto}.ht-footer-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ht-footer-strip__text h3{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.ht-footer-strip__text p{font-size:13px;color:var(--text-mid);line-height:1.55}.ht-footer-strip__actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.ht-footer-strip__back{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:var(--text-mid);text-decoration:none;letter-spacing:.02em;transition:color .2s;white-space:nowrap}.ht-footer-strip__back:hover{color:var(--green-primary)}@media(max-width:800px){.ht-layout{grid-template-columns:1fr;padding:24px 16px 48px;gap:0}.ht-related-bar{padding:12px 0 16px}.ht-collection-bar{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.ht-sidebar{order:-1;position:static;flex-direction:row;flex-wrap:wrap}.ht-footer-strip{padding:20px 16px}.ht-footer-strip__inner{flex-direction:column;align-items:flex-start;gap:16px}.ht-footer-strip__actions{flex-direction:column;align-items:flex-start;gap:12px}.ht-support{flex:1 1 260px}.ht-sidebar-collection{flex:1 1 200px}}@media(max-width:480px){.ht-hero{padding:28px 16px 24px}.ht-sidebar{flex-direction:column}.ht-support,.ht-sidebar-collection{flex:1 1 100%}.ht-content h2{font-size:18px}.ht-content table{font-size:12px}.ht-content th,.ht-content td{padding:7px 10px}}.ht-back-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--green-primary);color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,visibility .25s,transform .25s,background .2s;z-index:100}.ht-back-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.ht-back-top:hover{background:var(--green-dark)}.ht-back-top svg{width:20px;height:20px;stroke:var(--white)}@media(max-width:800px){.ht-back-top{width:48px;height:48px;bottom:20px;right:16px}.ht-back-top svg{width:22px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/how-to.css.map */