@layer template{.template-blog-post{--row-gap:fluid(20px,40px,$screen-min,$screen-max);--module-grid-rows:[row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end];& .lead-image{grid-column:col-start 1/col-end -1;grid-row:row-start 1/row-end 1}& .title{display:block;grid-column:col-start 2/col-end -3;grid-row:row-start 2/row-end 2;& h1{color:var(--ct-color);margin-block-end:0;max-width:none}}& .author{grid-column:col-start 2/col-end -4;grid-row:row-start 3/row-end 3}& .body{display:grid;grid-column:col-start 1/col-end -1;grid-row:row-start 4/row-end 5;grid-template-columns:subgrid;pointer-events:none;position:relative;z-index:10;&>#hs_cos_wrapper_blog_post_audio{grid-column:col-start 2/col-end -4;pointer-events:all!important;& .hs-audio-player{--play-button-size:32px!important;--play-button-svg-size:16px!important;align-items:center!important;background-color:transparent!important;block-size:48px!important;border-block:1px solid var(--ct-subtle)!important;border-radius:0!important;display:flex!important;margin-block-end:fluid(20px,40px,$screen-min,$screen-max)!important;& :is(.hs-audio-player__controls,.hs-audio-player__volume,.hs-audio-player__playback-rate){align-items:center!important;border:none!important;display:flex!important;gap:5px!important;& svg{fill:var(--ct-color)!important}& :is(.hs-audio-player__play-pause-button,.hs-audio-player__skip-button,.hs-audio-player__volume-icon,.hs-audio-player__mute-button,.hs-audio-player__playback-rate-buttons,.hs-audio-player__playback-rate-button){background-color:transparent!important;transition:background-color .2s ease-in-out!important;&:hover{background-color:var(--ct-surface)!important}}& .hs-audio-player__playback-rate-buttons{background-color:transparent!important;border:none!important;padding:0!important}}& :is(.hs-audio-player__title){font-weight:$font-secondary-weight-bold!important;padding-inline-end:30px!important;padding-inline-start:20px!important}& :is(.hs-audio-player__title,.hs-audio-player__duration,.hs-audio-player__playback-rate-value,.hs-audio-player__playback-rate-current){color:var(--ct-color)!important;font-family:$font-secondary!important;font-size:var(--font-size-tiny)!important;line-height:$line-height-normal!important}& .hs-audio-player__volume{margin-inline-end:5px!important}& :is(.hs-audio-player__playback-rate-value,.hs-audio-player__playback-rate-current){font-size:var(--font-size-small)!important}& .hs-audio-player__ai-icon{align-items:center!important;display:flex!important;& svg{fill:var(--ct-color)!important}}& [class*=slider-container]{background-color:var(--ct-surface)!important;& [class*=slider-played]{background-color:var(--ct-accent)!important}& [class*=slider-control]{background-color:var(--ct-link)!important}}& [class*=tooltip-text]{background-color:var(--ct-subtle)!important;box-shadow:none!important;color:var(--ct-background)!important;font-family:$font-secondary!important;font-size:var(--font-size-tiny)!important;line-height:$line-height-normal!important;&:after{border-color:transparent transparent var(--ct-subtle) transparent!important;box-shadow:none!important}}}@media $tablet-down{grid-column:col-start 1/col-end -1}}&>#hs_cos_wrapper_post_body{display:grid;grid-column:col-start 1/col-end -1;grid-template-columns:subgrid;pointer-events:none;position:relative;&>:is(p,ul,ol){margin-block-end:var(--paragraph-spacing-1)}&>p+.hs_cos_wrapper{margin-block-end:0}&>:not(.hs_cos_wrapper){grid-column:col-start 2/col-end -4;pointer-events:auto;&:has(img){display:block;width:100%;& img{width:100%}}}& .hs_cos_wrapper:not(.hs_cos_wrapper_type_form){container-type:inline-size;grid-column:col-start 2/col-end -4;margin-block:fluid(20px,50px,$screen-min,$screen-max);position:relative;&>*{inline-size:100%;pointer-events:auto}}&>:is(.hs_cos_wrapper,.hs-module):has(:is([class^=widget-blog-post].wide,.blog-widget-wide)){grid-column:col-start 1/col-end -1}&>:is(.hs_cos_wrapper,.hs-module):has(.ebook,.pdf,.event){grid-column:col-start 1/col-end -1;position:relative}&>:is(.hs_cos_wrapper,.hs-module):has(.ebook,.pdf){grid-column:col-start 1/col-end -1;margin-block-end:fluid(80px,140px,$screen-min,$screen-max);position:relative}&>:is(.hs_cos_wrapper,.hs-module):has(.element-item-heading>.preline){margin-block-start:fluid(10px,25px,$screen-min,$screen-max)}&>:is(.hs_cos_wrapper,.hs-module):has(.ebook,.pdf){margin-block-start:fluid(30px,45px,$screen-min,$screen-max)!important}}}& .social{grid-column:col-start 1/gap 1;grid-row:row-start 3/row-end 5;&>*{position:sticky;top:100px}}& aside.toc{grid-column:col-start -3/col-end -1;grid-row:row-start 3/row-end 5;&>*{position:sticky;top:100px}}& footer{grid-column:col-start 2/col-end -4;grid-row:row-start 6/row-end 6}& .all-topics{grid-column:col-start 1/col-end -1;grid-row:row-start 7/row-end 7}& .mce-content-body .hs_cos_wrapper_type_module{overflow-y:hidden}@media $tablet-down{--module-grid-rows:[row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end] var(--row-gap) [row-start] minmax(0,min-content) [row-end];& .author,& .lead-image,& .title{grid-column:col-start 1/col-end -1}& .toc{display:none}& .body{grid-row:row-start 4/row-end 4;&>#hs_cos_wrapper_post_body{& .hs_cos_wrapper:not(.hs_cos_wrapper_type_form),&>:not(.hs_cos_wrapper){grid-column:col-start 1/col-end -1}}}& .social{display:none}& footer{grid-row:row-start 5/row-end 5}& .all-topics,& footer{grid-column:col-start 1/col-end -1}& .all-topics{grid-row:row-start 6/row-end 6}}@media $phone{& .lead-image{grid-column:screen-start 1/screen-end -1}}}& #recommended-posts{--module-grid-rows:[row-start] minmax(0,min-content) [row-end] 20px [row-start] minmax(0,min-content) [row-end];&>header{border-block-end:1px solid var(--ct-muted);grid-column:col-start 1/col-end -1;grid-row:row-start 1/row-end 1;&>h2{font-size:var(--font-size-small);font-weight:700;line-height:1;margin-block-end:20px;text-transform:uppercase}}&>div{grid-column:col-start 1/col-end -1;grid-row:row-start 2/row-end 2}}}