/*
 * Single post template: one centered column, at most 70 characters wide, no sidebar.
 * --hs-measure is registered as a length so "70ch" resolves once at the body font size and
 * the header, content and comments all share the same pixel width.
 */

@property --hs-measure {
    syntax: '<length>';
    inherits: true;
    initial-value: 0px;
}

.single-post {
    --hs-measure: 70ch;
}

.single-post .woocommerce-breadcrumb,
.hs-single-post.content-area {
    max-width: 70ch;
    max-width: var(--hs-measure, 70ch);
    margin-inline: auto;
}

.hs-single-post.content-area {
    float: none;
    width: 100%;
    padding-block: 1em 3em;
}

.hs-single-post .site-main {
    width: 100%;
}

.hs-single-post .entry-header .entry-title,
.hs-single-post .entry-header h1 {
    text-align: start;
}

.hs-single-post .entry-content {
    line-height: 1.75;
    overflow-wrap: break-word;
}

.hs-single-post .entry-content img,
.hs-single-post .entry-content iframe,
.hs-single-post .entry-content video {
    max-width: 100%;
    height: auto;
}

.hs-single-post .entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.single-post #secondary {
    display: none;
}