.sm-hbg{padding:var(--sm-space-10) 0 var(--sm-space-12)}.sm-hbg__heading{text-align:center;margin:0 0 var(--sm-space-5);font-size:var(--sm-fs-h2);font-weight:var(--sm-fw-semibold)}.sm-hbg__sub{text-align:center;max-width:680px;margin:0 auto var(--sm-space-7);font-size:var(--sm-fs-md);font-weight:var(--sm-fw-regular);line-height:1.6;color:var(--sm-text-muted)}.sm-hbg__sub p{margin:0}.sm-hbg__sub p+p{margin-top:6px}.sm-hbg__layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sm-space-5);align-items:start}.sm-hbg__nav{order:0}.sm-hbg__list{order:1}.sm-hbg__list{display:flex;flex-direction:column;gap:var(--sm-space-5);min-width:0}.sm-hbg__card{scroll-margin-top:140px}.sm-hbg__nav{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:thin}.sm-hbg__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sm-hbg__nav-group{font-family:var(--sm-font-display);font-size:var(--sm-fs-base);font-weight:var(--sm-fw-semibold);letter-spacing:0;text-transform:none;color:var(--sm-text);margin:var(--sm-space-4) 0 var(--sm-space-2)}.sm-hbg__nav-item{border-left:2px solid var(--sm-border-line);transition:border-color var(--sm-transition),background-color var(--sm-transition)}.sm-hbg__nav-item.is-active{border-left-color:var(--sm-text)}.sm-hbg__nav-link{display:flex;align-items:baseline;gap:10px;padding:var(--sm-space-2) 14px;color:var(--sm-text-muted);text-decoration:none;font-family:var(--sm-font-display);font-size:var(--sm-fs-sm);font-weight:var(--sm-fw-medium);line-height:1.4;transition:color var(--sm-transition)}.sm-hbg__nav-link:hover{color:var(--sm-text)}.sm-hbg__nav-num{flex:none;font-family:var(--sm-font-display);font-size:var(--sm-fs-sm);font-weight:var(--sm-fw-semibold);color:inherit;width:2ch;text-align:right;font-variant-numeric:tabular-nums}.sm-hbg__nav-label{white-space:nowrap}.sm-hbg__nav-link.is-active{color:var(--sm-text);font-weight:var(--sm-fw-semibold);background:var(--sm-gray-75);border-radius:0 var(--sm-r-sm) var(--sm-r-sm) 0}.sm-hbg__nav-link.is-active .sm-hbg__nav-num{color:var(--sm-text)}.sm-hbg__nav-link:focus-visible{outline:2px solid var(--sm-blue);outline-offset:2px;border-radius:4px}.sm-hbg__card{background:var(--sm-gray-75);border-radius:var(--sm-r-xl);padding:var(--sm-space-6);display:flex;flex-direction:column;gap:var(--sm-space-4)}.sm-hbg__card-head{display:flex;align-items:center;gap:var(--sm-space-4)}.sm-hbg__number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sm-text);border-radius:50%;font-family:var(--sm-font-display);font-size:var(--sm-fs-sm);font-weight:var(--sm-fw-semibold);color:var(--sm-text);flex:none}.sm-hbg__title{margin:0;font-size:var(--sm-fs-2xl);font-weight:var(--sm-fw-semibold);color:var(--sm-black)}.sm-hbg__desc{margin:0;font-size:var(--sm-fs-sm);font-weight:var(--sm-fw-regular);line-height:1.6;color:var(--sm-text-muted)}.sm-hbg__desc p{margin:0;text-align:justify}.sm-hbg__desc p+p{margin-top:6px}.sm-hbg__desc b,.sm-hbg__desc strong{color:var(--sm-text);font-weight:var(--sm-fw-semibold)}.sm-hbg__desc em{font-style:normal;color:var(--sm-text);background:var(--sm-gray-100);padding:1px 6px;border-radius:var(--sm-r-sm);font-weight:var(--sm-fw-medium)}.sm-hbg__desc a{color:var(--sm-blue);font-weight:var(--sm-fw-semibold);text-decoration:underline;text-underline-offset:2px}.sm-hbg__media{margin:var(--sm-space-2) 0 0;border-radius:var(--sm-r-lg);overflow:hidden;background:var(--sm-white)}.sm-hbg__img{display:block;width:100%;height:auto}@media(max-width:989px){.sm-hbg{padding:var(--sm-space-7) 0 var(--sm-space-8)}.sm-hbg__heading{font-size:var(--sm-fs-2xl);margin-bottom:var(--sm-space-4)}.sm-hbg__sub{font-size:var(--sm-fs-base);margin-bottom:var(--sm-space-5)}.sm-hbg__layout{grid-template-columns:1fr;gap:0}.sm-hbg__nav{display:none}.sm-hbg__card{padding:var(--sm-space-5) var(--sm-space-4);gap:var(--sm-space-3);scroll-margin-top:var(--sm-space-5)}.sm-hbg__title{font-size:var(--sm-fs-xl);font-weight:var(--sm-fw-bold)}.sm-hbg__desc{font-size:var(--sm-fs-xs)}}@media(max-width:749px){.sm-hbg__heading{font-size:25px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sm-hubspot-guide.css.map */