/* Native Newspaper discussion title bars. No markup/JS or AJAX changes.
   The saved theme typography makes .td-block-title/related links 36px; its
   templates also set important link margins and tiny-phone font sizes.
   Important declarations below are limited to those conflicting title bars. */
body.knmsc-editorial.single-post .td-main-content-wrap .td_block_related_posts > .td-related-title,
body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title-wrap > .td-comments-title,
body.knmsc-editorial.single-post .td-main-content-wrap #respond > .comment-reply-title {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin-block: 0 18px;
    padding: 10px 14px;
    border: 0;
    border-radius: 0;
    background: var(--kn-navy, #132c43) !important;
    color: #fff !important;
    font-family: var(--knmsc-type, var(--kn-font, Tahoma, Arial, sans-serif));
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.6;
    text-align: start;
    text-transform: none;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
}
body.knmsc-editorial.single-post .td-main-content-wrap .td_block_related_posts > .td-related-title {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 4px 8px;
    padding: 0 8px;
}
body.knmsc-editorial.single-post .td-main-content-wrap .td-related-title > a.td-related-left,
body.knmsc-editorial.single-post .td-main-content-wrap .td-related-title > a.td-related-right {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    max-width: 100%;
    min-height: 44px;
    margin: 0 !important;
    padding: 9px 10px 6px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent !important;
    color: #fff !important;
    font-family: inherit;
    font-size: inherit !important;
    font-weight: 600;
    line-height: 1.6;
    text-align: start;
    text-transform: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none;
}
body.knmsc-editorial.single-post .td-main-content-wrap .td-related-title > a.td-cur-simple-item {
    border-bottom-color: var(--kn-orange, #f28c28);
    font-weight: 700;
}
body.knmsc-editorial.single-post .td-main-content-wrap .td-related-title > a:hover {
    text-decoration: underline;
    text-underline-offset: .2em;
}
body.knmsc-editorial.single-post .td-main-content-wrap .td-related-title > a:focus-visible,
body.knmsc-editorial.single-post .td-main-content-wrap #reply-title a:focus-visible {
    outline: 2px solid var(--kn-orange, #f28c28);
    outline-offset: -3px;
}
body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title-wrap > .td-comments-title,
body.knmsc-editorial.single-post .td-main-content-wrap #respond > .comment-reply-title {
    border-inline-start: 4px solid var(--kn-orange, #f28c28);
}
body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title > span {
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}
/* Keep WordPress's hidden/visible Cancel Reply state and reply target intact. */
body.knmsc-editorial.single-post .td-main-content-wrap #reply-title > small {
    margin-inline-start: 12px;
    font-family: inherit;
    font-size: 14px;
    line-height: inherit;
}
body.knmsc-editorial.single-post .td-main-content-wrap #reply-title > small > a {
    color: #fff;
    font: inherit;
    text-decoration: underline;
    text-underline-offset: .2em;
}
/* Disable decorative template strokes only on the three replaced title bars. */
body.knmsc-editorial.single-post .td-main-content-wrap .td_block_related_posts > .td-related-title::before,
body.knmsc-editorial.single-post .td-main-content-wrap .td_block_related_posts > .td-related-title::after,
body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title::before,
body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title::after,
body.knmsc-editorial.single-post .td-main-content-wrap #reply-title::before,
body.knmsc-editorial.single-post .td-main-content-wrap #reply-title::after {
    content: none;
}
@media (max-width: 480px) {
    body.knmsc-editorial.single-post .td-main-content-wrap .td_block_related_posts > .td-related-title,
    body.knmsc-editorial.single-post .td-main-content-wrap #comments .td-comments-title-wrap > .td-comments-title,
    body.knmsc-editorial.single-post .td-main-content-wrap #respond > .comment-reply-title {
        font-size: 14px !important;
    }
}
