.ch-guide h1,.ch-guide h2,.ch-guide h3{text-wrap:balance}.ch-guide .ch-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ch-guide .ch-usage article{padding:28px;border:1px solid #d9dfd0;border-radius:16px;background:#fff}.ch-guide .ch-usage article:nth-child(2){background:#e9eddf}.ch-guide .ch-usage .cg-eyebrow{margin:12px 0}.ch-guide .ch-usage p:last-child{margin-bottom:0}.ch-guide .ch-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #597348;border-radius:50%;color:#294a35;font-size:28px;line-height:1}.ch-guide .ch-faq{border-top:1px solid #cbd3c3}.ch-guide .ch-faq details{border-bottom:1px solid #cbd3c3;padding:0 8px}.ch-guide .ch-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font-size:20px;font-weight:600;line-height:1.35;color:var(--cg-forest)}.ch-guide .ch-faq summary::-webkit-details-marker{display:none}.ch-guide .ch-faq summary span{font-size:26px}.ch-guide .ch-faq details[open] summary span{transform:rotate(45deg)}.ch-guide .ch-faq p{margin:0 0 24px;max-width:940px}.ch-guide summary:focus-visible{outline:3px solid #537745;outline-offset:4px}.ch-guide .cg-bottom .button{white-space:normal;line-height:1.4;padding:14px 20px;text-align:center}.ch-guide .cg-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-guide .cg-product h3{font-size:clamp(23px,2vw,29px)}.ch-guide .cg-product-image img{height:250px}.ch-guide .cg-bottom{align-items:start}.ch-guide .cg-hero>*{min-width:0}.ch-guide .cg-reference{line-height:1.6}@media(max-width:989px){.ch-guide .ch-usage{gap:14px}.ch-guide .ch-usage article{padding:20px}.ch-guide .cg-products{gap:16px}.ch-guide .cg-product>div{padding:20px}.ch-guide .cg-product-image{padding:16px}.ch-guide .cg-hero{gap:30px}}@media(max-width:749px){.ch-guide .ch-usage,.ch-guide .cg-products{grid-template-columns:1fr}.ch-guide .ch-usage article{padding:24px}.ch-guide .ch-faq summary{font-size:19px}.ch-guide .cg-product{max-width:none}.ch-guide .cg-product-image img{height:260px}.ch-guide .cg-bottom{gap:24px}.ch-guide .cg-hero-image img{object-position:center}.ch-guide .cg-section-title{scroll-margin-top:100px}}
