.news-detail-content {
    padding-top: 6rem;
    padding-bottom: 10rem
}

.news-detail-layout {
    display: grid;
    grid-template-columns: 65rem 1fr;
    gap: 5rem;
    align-items: start
}
.news-detail-sidebar {min-width:0}

.news-detail-article>h2 {
    color: #222;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.3
}

.news-detail-meta {
    display: flex;
    gap: 3rem;
    font-size: 1.125rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--line)
}

.news-detail-prose {
    font-size: 1.125rem;
    line-height: 2;
    letter-spacing: .0125rem;
    margin-top: 2rem;
    color: #555
}

.news-detail-prose>p {
    margin-bottom: 1.5rem
}

.news-detail-prose span {
    font: inherit
}

.news-detail-sidebar>section {
    background: #f1f3fc;
    padding: 3rem;
    margin-bottom: 2rem
}

.news-detail-sidebar h2 {
    font-size: 2.125rem;
    color: #333;
    margin-bottom: 1.5rem
}

.news-detail-search form {
    display: flex;
    background: #fff;
    min-width: 0
}

.news-detail-search input {
    padding: 1.25rem;
    border: none;
    background: none;
    font-size: 1.125rem;
    width: 100%;
    min-width: 0
}

.news-detail-search button {
    padding: 0 1.25rem;
    font-size: 2rem
}

.news-detail-hot>a {
    display: block;
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--line)
}

.news-detail-hot>a:last-child {
    border: 0
}

.news-detail-hot time {
    color: var(--teal);
    font-size: 1.25rem
}

.news-detail-hot h3 {
    font-size: 1.375rem;
    color: #333;
    margin: .5rem 0
}

.news-detail-hot p {
    font-size: 1.125rem;
    line-height: 1.8
}

.news-detail-pagination {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--line);
    padding-top: 2rem;
    margin-top: 11rem;
    color: #999
}

.news-detail-pagination a,
.news-detail-pagination > span {
    font-size: 2rem;
    min-width: 3rem
}
.news-detail-pagination > span {opacity:.35}
.news-detail-hot h3 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-detail-hot p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:900px) {
    .news-detail-layout {
        grid-template-columns: 2fr 1fr;
        gap: 3rem
    }
}

@media(max-width:640px) {
    .news-detail-content {
        padding: 36px 0 64px
    }

    .news-detail-layout {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .news-detail-article>h2 {
        font-size: 26px;
        line-height: 1.5
    }

    .news-detail-meta {
        font-size: 12px;
        gap: 24px;
        padding: 18px 0
    }

    .news-detail-prose {
        font-size: 14px;
        line-height: 2;
        margin-top: 22px;
        letter-spacing: 0
    }

    .news-detail-prose>p {
        margin-bottom: 18px
    }

    .news-detail-sidebar>section {
        padding: 24px;
        margin-bottom: 18px
    }

    .news-detail-sidebar h2 {
        font-size: 22px;
        margin-bottom: 16px
    }

    .news-detail-search input {
        padding: 12px;
        font-size: 14px
    }

    .news-detail-search button {
        padding: 0 16px;
        font-size: 25px
    }

    .news-detail-hot>a {
        padding: 16px 0
    }

    .news-detail-hot time {
        font-size: 13px
    }

    .news-detail-hot h3 {
        font-size: 16px;
        margin: 8px 0
    }

    .news-detail-hot p {
        font-size: 13px
    }

    .news-detail-pagination {
        padding-top: 20px;
        margin-top: 40px
    }

    .news-detail-pagination a,
    .news-detail-pagination > span {
        font-size: 26px
    }
}

.news-detail-prose {
    color: #313131;
    letter-spacing: 0
}

.news-detail-prose>p {
    margin-bottom: 0;
    min-height: 2.25rem
}

.news-detail-prose .source-subheading {
    font-size: 1.5rem;
    font-weight: 500
}

@media(min-width:901px) {
    .news-detail-content {
        min-height: 64.4375rem
    }
}

@media(max-width:640px) {
    .news-detail-prose>p {
        min-height: 28px
    }

    .news-detail-prose .source-subheading {
        font-size: 19px
    }
}

.news-detail-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.news-detail-tags:empty{display:none}.news-detail-tags a{padding:.4rem .8rem;border-radius:.3rem;background:#f0eef7;color:#433578}.news-detail-tags a:hover{background:#433578;color:#fff}

.news-detail-meta time {display:inline-flex;align-items:center;gap:.5em}
.news-detail-meta__clock {width:1em;height:1em;flex:none}
.news-detail-video {margin:1.5rem 0 2rem;overflow:hidden;border-radius:12px;background:#111}
.news-detail-video video {display:block;width:100%;height:auto;max-height:75vh;aspect-ratio:16/9;object-fit:contain}