:root {
    --step--2: clamp(0.69rem, calc(0.63rem + 0.30vw), 0.87rem);
    --step--1: clamp(0.83rem, calc(0.76rem + 0.36vw), 1.04rem);
    --step-0: clamp(1.00rem, calc(0.91rem + 0.43vw), 1.25rem);
    --step-1: clamp(1.20rem, calc(1.10rem + 0.52vw), 1.45rem);
    --step-2: clamp(1.44rem, calc(1.31rem + 0.63vw), 1.65rem);
    --step-3: clamp(1.73rem, calc(1.58rem + 0.75vw), 2.16rem);
    --step-4: clamp(2.07rem, calc(1.89rem + 0.90vw), 2.59rem);
    --step-5: clamp(3rem, calc(2.27rem + 1.5vw), 4.5rem);
}

.st-inline-share-buttons {
    display: none !important;
}

.banner .content h1 {
    font-size: var(--step-3) !important;
    font-weight: var(--font-weight-normal);
    text-align: left;
}

.post-content {
    background-color: var(--color-background-standard);
}

.post-content .flex-box article {
    font-size: var(--font-size-normal);
    padding: 2rem 0;
    width: 100%;
}

.post-content .author, 
.post-content .simple-author {
    font-family: var(--font-italics);
    font-style: italic;
    margin-bottom: 0.5rem;
}

.post-content .author .author-heading {
    font-family: var(--font-body);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
    font-style: normal;
    letter-spacing: calc(var(--tracking-basis) * 5);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

.post-content .simple-author:last-of-type {
    margin-bottom: 1.5rem;
}

.post-content .update-date {
    color: var(--color-accent);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
    letter-spacing: calc(var(--tracking-basis) * 5);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.post-content .content-toc {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 0 0 1.5rem 0;
    padding: 1rem 0;
}

.post-content .content-toc .content-toc-header {
    font-family: var(--font-header);
    font-size: var(--step-2);
    margin-bottom: 0.5rem;
}

.post-content .content-toc ol {
    list-style-type: decimal;
    margin: 0 0 0 1.25rem;
}

.post-content .content-toc ol li {
    margin: 0.5rem 0;
}

.post-text h2, 
.post-text h3, 
.post-text h4, 
.post-text h5, 
.post-text h6 {
    color: var(--color-foreground);
    font-family: var(--font-header);
    font-weight: var(--font-weight-light);
    margin-bottom: 0.75rem;
    text-align: left;
}

.post-text h2 {
    font-size: var(--step-3) !important;
}

.post-text h3 {
    font-size: var(--step-2) !important;
}

.post-text h4 {
    font-size: var(--step-1) !important;
}

.post-text h5 {
    font-size: var(--step-0) !important;
}

.post-text h6 {
    font-size: var(--step--1) !important;
}

.post-content:not(.pr-content,.no-drop-cap) .post-text > div:first-child + p:first-letter, 
.post-content:not(.pr-content,.no-drop-cap) .post-text > p:first-child:first-letter {
    float: left;
    font-family: var(--font-header);
    font-size: 5rem;
    line-height: 3.25rem;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
}

.post-text a {
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    transition: 0.75s;
}

aside a {
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    transition: 0.75s;
}

aside a:hover {
    color: var(--color-link-hover);
    text-decoration: none;
}

.post-text ol, 
.post-text ul {
    margin: 0 0 1.5rem 1.25rem;
}

.post-text ol {
    list-style-type: decimal;
}

.post-text ul {
    list-style-type: disc;
}

.post-text li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.post-text ol ol, 
.post-text ol ul, 
.post-text ul ol, 
.post-text ul ul {
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.post-text sub {
    font-size: var(--font-size-small);
    vertical-align: sub;
}

.post-text sup {
    font-size: var(--font-size-small);
    vertical-align: super;
}

.post-text p > .blog-image-left, 
.post-text p > .blog-image-center, 
.post-text p > .blog-image-right {
    height: auto;
}

.post-text blockquote::before, 
.post-text blockquote::after {
    display: none;
}

.post-text blockquote {
    border-left: 0.25rem solid var(--color-accent);
    margin: 0 0 3rem 0;
    padding-left: 1.25rem;
}

.post-text blockquote p {
    font-family: var(--font-header);
    font-size: var(--font-size-medium-standard);
    font-size: var(--font-size-normal);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.post-text blockquote p:has(em) {
    color: var(--color-gray-2);
    font-family: var(--font-italics);
    font-style: italic;
    margin-bottom: 0;
}

.post-text blockquote cite {
    color: var(--color-gray-1);
}

.post-text p > img {
    max-width: 100%;
}

.post-text figure {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 1.5rem;
}

.post-text figure > div, 
.post-text figure > .alignleft, 
.post-text figure > .aligncenter, 
.post-text figure > .alignright {
    clear: both;
    display: block;
    float: none;
}

.post-text figure .wp-caption { 
    border-width: 0;
}

.post-text figure .wp-caption-text {
    color: var(--color-gray-2);
    background-color: transparent;
    font-family: var(--font-italics);
    font-style: italic;
    text-align: center;
}

.post-content .post-text .blog-sliver {
    background-color: var(--color-background-alternate);
    border: 1px solid var(--color-border);
    border-left: 6px solid var(--color-accent);
    margin: 2.5rem 0 2.5rem 0;
    width: 100%;
}

.post-content .post-text .blog-sliver > div:first-of-type {
    padding: 1.5rem 1.5rem 0.25rem 1.5rem;
}

.post-content .post-text .blog-sliver > div:last-of-type {
    padding: 0.25rem 1.5rem 1.5rem 1.5rem;
}

.post-content .post-text .blog-sliver .sliver-header {
    color: var(--color-accent);
    font-family: var(--font-header);
    font-size: var(--font-size-heading-3);
    margin-bottom: 0.25rem;
}

.post-content .post-text .blog-sliver p:last-of-type {
    margin-bottom: 1rem;
}

.learn-more {
    align-items: center;
    background-color: var(--color-background-alternate);
    border: 1px solid var(--color-border);
    border-left-width: 0;
    border-right-width: 0;
}

.learn-more > div:first-child {
    width: 6rem;
}

.learn-more > div:first-child > svg {
    display: block;
    fill: var(--color-accent);
    margin: 0 auto;
    width: 3rem;
}

.learn-more > div:last-child {
    flex: 1;
    padding: 1rem 0.75rem;
}

.learn-more > div:last-child h2 {
    font-size: var(--step-1) !important;
    text-align: left;
}

.learn-more > div:last-child > p:last-of-type {
    margin-bottom: 0;
}

 .learn-more .box-link {
    margin: 1rem 0;
 }

.button-like, 
.button-like:visited {
    background-color: var(--color-link-normal);
    border-radius: 100vw;
    color: var(--color-background-standard);
    font-weight: var(--font-weight-bold);
    padding: 0.5rem 1rem;
}

.button-like:hover {
    background-color: var(--color-link-hover);
    color: var(--color-background-standard);
    text-decoration: none;
}

.button-like svg, 
.button-like span {
    display: inline-block;
    vertical-align: middle;
}

.button-like span {
    line-height: 1;
    padding-left: 0.5rem;
}

.button-like svg {
    fill: var(--color-background-standard);
    height: 1.5rem;
}

.post-author {
    margin-top: 2rem;
}

.post-author h2 {
    font-size: var(--step-1) !important;
    text-align: left;
}

.post-author > .flex-box > div:first-child {
    width: 4rem;
}

.post-author > .flex-box > div:first-child > img {
    border-radius: 50%;
    display: block;
    height: 4rem;
    margin-top: 0.25rem;
    object-fit: cover;
    width: 4rem;
}

.post-author > .flex-box > div:last-child {
    flex: 1;
    padding-left: 1.25rem;
}

.post-author > .flex-box > div:last-child h3, 
.post-author > .flex-box > div:last-child p {
    text-align: left;
}

aside {
    background-color: var(--color-gray-7);
    padding: 0 0 2rem 0;
    width: 100%;
}

aside .block {
    border-bottom: 1px solid var(--color-border);
    padding: 1.5rem 0;
}

aside .block:first-of-type {
    padding-top: 0;
}

aside .block:last-of-type {
    border-bottom-width: 0;
}

aside .block p[role="heading"] {
    font-family: var(--font-header);
    font-size: var(--step-1);
    margin-bottom: 0.5rem;
}

aside .block ul {
    color: var(--color-gray-2);
    list-style-type: disc;
    margin: 0 0 0 1.25rem;
}

aside .block ul li {
    line-height: 1.4;
    margin: 0.25rem 0 0.5rem 0;
}

aside .block .button-like {
    display: block;
    padding: 0.75rem 1rem;
    text-align: center;
    width: 100%;
}

aside .post-block {
    padding-bottom: 0;
}

aside .post-block img {
    border-width: 0;
    border-radius: 0.5rem;
    display: block;
    width: 100%;
} 

aside .post-block img + p,
aside .post-block .sidebar-post-header {
    color: var(--color-gray-1);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
    letter-spacing: calc(var(--tracking-basis) * 5);
    margin: 0.5rem 0 0 0;
    text-transform: uppercase;
}

aside .post-block img + p + p {
    font-family: var(--font-header);
    font-size: var(--font-size-step-2);
}

aside .block .webinar-status {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
    letter-spacing: calc(var(--tracking-basis) * 5);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

aside .block .webinar-status:nth-of-type(3) {
    margin-top: 1rem;
}

aside .block .webinar-live, 
aside .block .webinar-on-demand {
    color: var(--color-foreground)
}

@media (min-width: 56.25rem) {/* 900 px */
    .banner .content-container > .content {
        max-width: 40rem;
    }

    .banner .content h1 {
        color: #fff !important;
        font-size: var(--step-4) !important;
    }

    .post-content .flex-box {
        margin: 0 auto 0 0;
        max-width: 72rem;
        width: 90%;
    }

    .post-content .flex-box {
        justify-content: space-between;
    }

    .post-content .flex-box article {
        padding-right: 5%;
        width: 65%;
    }

    .post-content .flex-box article > .content-container {
        width: 100%;
    }

    .post-content .learn-more {
        border-left-width: 1px;
        border-radius: 0.5rem;
        border-right-width: 1px;
        margin-left: 0;
        width: 100%;
    }

    .post-content .flex-box aside {
        padding: 2rem 0;
        width: 30%;
    }

    .post-content .post-share .share-links {
        margin-left: 0;
    }

    aside {
        background-color: transparent;
    }

    aside .button-like svg {
        display: none;
    }

    aside .block {
        background-color: var(--color-background-alternate);
        border: 1px solid var(--color-border);
        border-radius: 0.5rem;
        margin-bottom: 1.5rem;
        padding: 0;
    }

    aside .block:first-of-type {
        padding: 1.5rem;
    }

    aside .post-block > .content-container {
        width: 100%;
    }

    aside .post-block img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    aside .post-block p {
        padding: 0 1rem;
    }

    aside .list-block {
        padding: 1rem 0;
    }

    aside .list-block:last-of-type {
        border-bottom-width: 1px;
    }
}

@media (min-width: 64rem) {/* 1024 px */
    aside .button-like svg {
        display: inline-block;
    }
}

@media (prefers-color-scheme: dark) {
    aside {
        background: var(--color-background-alternate);
    }

    .post-text h2, 
    .post-text h3, 
    .post-text h4, 
    .post-text h5, 
    .post-text h6 {
        font-weight: var(--font-weight-normal);
    }

    .learn-more {
        background-color: transparent;
    }
}

 @media (min-width: 56.25rem) and (prefers-color-scheme: dark) {
    aside {
        background-color: transparent;
    }
 }