.blog-detail-hero{background-color:var(--gray-light-mode-900);background-image:url(https://20641927.fs1.hubspotusercontent-na1.net/hubfs/20641927/marketing/bottom_slice.svg),url(https://20641927.fs1.hubspotusercontent-na1.net/hubfs/20641927/marketing/guide_bg.svg);background-position:bottom,bottom;background-repeat:no-repeat;background-size:100% auto,cover;padding:96px 0}@media (max-width:575.98px){.blog-detail-hero{padding:56px 0 48px}}@media screen and (min-width:992px){.blog-detail-hero{background-image:url(https://20641927.fs1.hubspotusercontent-na1.net/hubfs/20641927/marketing/hexagons_green.svg),url(https://20641927.fs1.hubspotusercontent-na1.net/hubfs/20641927/marketing/bottom_slice.svg),url(https://20641927.fs1.hubspotusercontent-na1.net/hubfs/20641927/marketing/guide_bg.svg);background-position:90% 70%,bottom,bottom;background-repeat:no-repeat;background-size:auto auto,100% auto,cover}}.breadcrumb{list-style:none;margin-bottom:48px;padding:0}.breadcrumb,.breadcrumb li{align-items:center;display:flex;gap:12px}.breadcrumb li{color:#b7e1ff}.breadcrumb li a{color:#d0d5dd;text-decoration:none}.breadcrumb .last-item{display:inline-block;max-width:248px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-excerpt{margin-bottom:40px;margin-top:0}.color-text{background:linear-gradient(180deg,#fff,#b7e1ff 99.71%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.listing-hero-heading,.tag-container{margin-bottom:24px}.tag-container{gap:16px}.tag-container .blog-tag-link{backdrop-filter:blur(8px);background:var(--color-alpha-white-10);border:1px solid hsla(0,0%,100%,.3);border-radius:50px;color:hsla(0,0%,100%,.7);display:inline-block;padding:4px 10px;text-decoration:none}.other-info{column-gap:24px;flex-direction:column;row-gap:16px}@media (min-width:576px){.other-info{flex-direction:row}}.chapter-select-btn{background:#fff;border:1px solid var(--gray-light-mode-500);border-radius:8px;font-weight:400;justify-content:space-between;min-height:48px;padding:12px 16px;text-align:left;width:100%}.chapter-select-btn svg{transform:rotate(180deg)}.active .chapter-select-btn svg{transform:rotate(0deg)}.chapter-select-btn:hover{border-color:var(--gray-light-mode-700);opacity:1}.chapter-select-btn:focus{border-color:#208fe1}.chapter-list-wraper{display:flex;flex-direction:column;list-style:none;padding:0}.chapter-list-wraper li a{color:var(--gray-light-mode-700);display:block;font-weight:600;padding:12px 0 12px 16px;position:relative;text-decoration:none}.chapter-list-wraper{background-color:#fff;border-radius:8px;box-shadow:var(--shadow-lg);display:none;left:0;margin:0;position:absolute;top:100%;transform:translateY(8px);width:100%;z-index:100}.active .chapter-list-wraper{display:flex}.chapter-list-wraper li a{color:var(--text-heading);font-size:16px;font-weight:400;padding:12px 16px}.chapter-list-wraper li a:hover{background:#d7eeff}.chapter-select{position:relative}.chapter-list-block{padding:24px 0}.guide-card{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;width:100%}.guide-list-section{padding-top:96px}.guide-list-section h2{margin-bottom:64px}.guide-list-row{row-gap:32px}.guide-card-desc{margin-bottom:4px;margin-top:0}.guide-card a{width:fit-content}