.news-detail {
    width:90%;
    max-width:1000px;
    margin:55px auto 75px;
    background:white;
    padding:40px;
    border:1px solid var(--line);
}
.news-detail>header {
    padding-bottom:25px;
    margin-bottom:30px;
    border-bottom:1px solid var(--line);
}
.news-detail>header h2 {
    font-size:32px;
    line-height:1.4;
    font-weight:600;
    overflow-wrap:anywhere;
    margin-bottom:15px;
}
.news-detail time {
    font-size:12px;
    color:var(--muted);
}
.news-detail__body {
    line-height:1.95;
    overflow-wrap:anywhere;
}
.news-detail__body img {
    max-width:100%;
    height:auto;
    display:block;
    margin:20px auto;
}
.news-detail__body p,.news-detail__body h2,.news-detail__body h3,.news-detail__body ul,.news-detail__body ol {
    margin:18px 0;
}
.news-detail__body ul,.news-detail__body ol {
    padding-left:24px;
}
.news-detail__body li {
    list-style:inherit;
}
.news-detail__body ul {
    list-style:disc;
}
.news-detail__body ol {
    list-style:decimal;
}
.news-detail__body a {
    color:var(--teal);
    text-decoration:underline;
}
.news-detail__body a:hover {
    color:var(--gold-dark);
}
.news-detail__body table {
    display:block;
    max-width:100%;
    overflow-x:auto;
    border-collapse:collapse;
}
.news-detail__body td,.news-detail__body th {
    border:1px solid var(--line);
    padding:10px;
}
.news-detail__neighbors {
    display:flex;
    gap:25px;
    border-top:1px solid var(--line);
    margin-top:35px;
    padding-top:25px;
}
.news-detail__neighbors>a {
    flex:1;
    min-width:0;
    padding:15px;
    background:#edf2e9;
    transition:background .2s;
}
.news-detail__neighbors>.news-neighbor--next {
    margin-left:auto;
    text-align:right;
}
.news-detail__neighbors>a:hover {
    background:#e2e9d9;
}
.news-detail__neighbors span {
    display:block;
    font-size:12px;
    color:var(--muted);
    margin-bottom:8px;
}
.news-detail__neighbors strong {
    font-size:14px;
    font-weight:500;
    overflow-wrap:anywhere;
}
.news-detail__back {
    display:inline-block;
    margin-top:30px;
    color:var(--teal);
    font-weight:600;
}
.news-detail__back:hover {
    color:var(--gold-dark);
}
@media(max-width:640px) {
    .news-detail {
        width:calc(100% - 36px);
        margin:30px auto 45px;
        padding:22px;
    }
    .news-detail>header h2 {
        font-size:25px;
    }
    .news-detail__neighbors {
        flex-direction:column;
        gap:12px;
    }
}
