/* Loaded only on news detail pages, after the shared master styles. */
.news-detail-page{
    background-attachment:scroll;
}
.news-detail-page .nba-main,
.news-detail-page .nba-detail,
.news-detail-page .nba-detail__layout,
.news-detail-page .nba-detail__main,
.news-detail-page .nba-detail__sidebar,
.news-detail-page .nba-sidebar__section{
    min-width:0;
    max-width:100%;
}
.news-detail-page .nba-main{
    width:100%;
    padding-inline:clamp(14px,3vw,28px);
}
.news-detail-page .nba-breadcrumb{
    width:fit-content;
    max-width:100%;
    gap:6px 8px;
    line-height:1.7;
}
.news-detail-page .nba-breadcrumb__link,
.news-detail-page .nba-breadcrumb__current{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
}
.news-detail-page .nba-detail__layout{
    grid-template-columns:minmax(0,1fr) minmax(270px,320px);
}
.news-detail-page .nba-detail__title{
    overflow-wrap:anywhere;
    word-break:normal;
}
.news-detail-page .nba-detail__content{
    max-width:100%;
}
.news-detail-page .nba-detail__content *{
    max-width:100%;
}
.news-detail-page .nba-detail__content p,
.news-detail-page .nba-detail__content li,
.news-detail-page .nba-detail__content h1,
.news-detail-page .nba-detail__content h2,
.news-detail-page .nba-detail__content h3,
.news-detail-page .nba-detail__content h4,
.news-detail-page .nba-detail__content h5,
.news-detail-page .nba-detail__content h6,
.news-detail-page .nba-detail__content figcaption{
    overflow-wrap:anywhere;
}
.news-detail-page .nba-detail__content figure{
    margin:22px 0;
}
.news-detail-page .nba-detail__content img{
    width:auto;
    max-width:100%;
    height:auto;
}
.news-detail-page .nba-detail__content table{
    width:100%;
    overflow-x:auto;
}
.news-detail-page .nba-detail__content iframe{
    min-height:200px;
}
.news-detail-page .nba-detail__meta-author,
.news-detail-page .nba-detail__meta-author>div,
.news-detail-page .nba-detail__meta-stats,
.news-detail-page .nba-detail__share,
.news-detail-page .nba-detail__share-btns,
.news-detail-page .nba-detail__author-info,
.news-detail-page .nba-detail__nav-item>div,
.news-detail-page .nba-detail__related-body,
.news-detail-page .nba-detail__sidebar-news-info{
    min-width:0;
}
.news-detail-page .nba-detail__meta-author-name,
.news-detail-page .nba-detail__author-name,
.news-detail-page .nba-detail__author-role,
.news-detail-page .nba-detail__nav-title,
.news-detail-page .nba-detail__related-name,
.news-detail-page .nba-detail__sidebar-news-title{
    overflow-wrap:anywhere;
}
.news-detail-page .nba-detail__tags .nba-tag,
.news-detail-page .nba-sidebar__tags .nba-tag{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.7;
}
.news-detail-page .nba-ad img{
    width:100%;
    height:auto;
}

@media(max-width:1024px){
    .news-detail-page .nba-detail__layout{
        grid-template-columns:minmax(0,1fr);
    }
    .news-detail-page .nba-detail__sidebar{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
        position:static;
    }
    .news-detail-page .nba-detail__sidebar .nba-ad,
    .news-detail-page .nba-detail__sidebar .nba-sidebar__section:first-child{
        grid-column:1/-1;
    }
}

@media(max-width:767px){
    .news-detail-page .nba-detail__layout{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:28px !important;
        width:100% !important;
    }
    .news-detail-page .nba-detail__main{
        order:1 !important;
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        float:none !important;
        clear:both !important;
    }
    .news-detail-page .nba-detail__sidebar{
        order:2 !important;
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        z-index:0 !important;
        float:none !important;
        clear:both !important;
        transform:none !important;
        margin:30px 0 0 !important;
    }
    .news-detail-page .nba-detail__main>*,
    .news-detail-page .nba-detail__sidebar>*{
        width:100% !important;
        max-width:100% !important;
        float:none !important;
        clear:both !important;
    }
    .news-detail-page .nba-reading-progress{
        top:64px;
    }
    .news-detail-page .nba-header__inner{
        height:auto;
        min-height:64px;
        padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
        gap:12px;
    }
    .news-detail-page .nba-header__nav{
        display:none;
    }
    .news-detail-page .nba-main{
        padding-inline:max(14px,env(safe-area-inset-left));
    }
    .news-detail-page .nba-detail{
        padding:18px 0 34px;
    }
    .news-detail-page .nba-breadcrumb{
        width:100%;
        margin:0 0 16px;
        padding:10px 12px;
        border-radius:12px;
        font-size:12px;
    }
    .news-detail-page .nba-breadcrumb__link,
    .news-detail-page .nba-breadcrumb__current{
        padding:4px 6px;
    }
    .news-detail-page .nba-breadcrumb__current{
        flex:1 1 100%;
        line-height:1.6;
    }
    .news-detail-page .nba-detail__hero{
        margin-bottom:16px;
        border-radius:14px;
    }
    .news-detail-page .nba-detail__hero-img{
        aspect-ratio:4/3;
        min-height:0;
        max-height:360px;
    }
    .news-detail-page .nba-detail__hero-overlay{
        padding:42px 14px 14px;
    }
    .news-detail-page .nba-detail__hero-cat{
        max-width:100%;
        white-space:normal;
        line-height:1.55;
        letter-spacing:.2px;
    }
    .news-detail-page .nba-detail__meta-bar{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        width:100% !important;
        max-width:100% !important;
        float:none !important;
        clear:both !important;
        gap:14px;
        padding:14px;
        border-radius:14px;
    }
    .news-detail-page .nba-detail__meta-avatar{
        width:38px;
        height:38px;
        flex:none;
    }
    .news-detail-page .nba-detail__meta-stats{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
    }
    .news-detail-page .nba-detail__stat{
        justify-content:center;
        min-height:38px;
        padding:8px 10px;
        line-height:1.4;
    }
    .news-detail-page .nba-detail__title{
        display:block !important;
        width:100% !important;
        float:none !important;
        clear:both !important;
        font-size:clamp(21px,6.1vw,27px);
        line-height:1.38;
        margin:18px 0 18px;
        letter-spacing:0;
    }
    .news-detail-page .nba-detail__content{
        display:block !important;
        width:100% !important;
        float:none !important;
        clear:both !important;
        font-size:15px;
        line-height:1.82;
    }
    .news-detail-page .nba-detail__content h2{
        font-size:20px;
        line-height:1.45;
        margin:28px 0 12px;
    }
    .news-detail-page .nba-detail__content h3{
        font-size:18px;
        line-height:1.45;
        margin:24px 0 10px;
    }
    .news-detail-page .nba-detail__content p{
        margin-bottom:16px;
    }
    .news-detail-page .nba-detail__content img,
    .news-detail-page .nba-detail__content iframe,
    .news-detail-page .nba-detail__content video,
    .news-detail-page .nba-detail__content embed,
    .news-detail-page .nba-detail__content object{
        margin:18px auto;
        border-radius:12px;
    }
    .news-detail-page .nba-detail__content ul,
    .news-detail-page .nba-detail__content ol{
        padding-left:20px;
    }
    .news-detail-page .nba-detail__content blockquote{
        padding:14px 16px;
        margin:20px 0;
        font-size:14px;
        line-height:1.75;
    }
    .news-detail-page .nba-detail__content pre{
        padding:14px;
        font-size:12px;
    }
    .news-detail-page .nba-detail__tags{
        margin-top:26px;
        padding-top:18px;
    }
    .news-detail-page .nba-detail__share{
        align-items:flex-start;
        padding:16px;
        gap:12px;
        border-radius:14px;
    }
    .news-detail-page .nba-detail__share-label{
        flex:1 1 100%;
        line-height:1.5;
    }
    .news-detail-page .nba-detail__share-btns{
        width:100%;
        margin-left:0;
        display:grid;
        grid-template-columns:repeat(6,minmax(38px,1fr));
        gap:8px;
    }
    .news-detail-page .nba-detail__share-btn{
        width:100%;
        height:40px;
        flex:initial;
        border-radius:10px;
    }
    .news-detail-page .nba-detail__author{
        padding:16px;
        align-items:flex-start;
        border-radius:14px;
    }
    .news-detail-page .nba-detail__author-img{
        width:46px;
        height:46px;
        flex:none;
    }
    .news-detail-page .nba-detail__nav{
        margin-top:28px;
        gap:12px;
    }
    .news-detail-page .nba-detail__nav-item,
    .news-detail-page .nba-detail__nav-item--next{
        justify-content:flex-start;
        text-align:left;
        align-items:flex-start;
        padding:14px;
    }
    .news-detail-page .nba-detail__nav-item--next{
        flex-direction:row;
    }
    .news-detail-page .nba-detail__related{
        margin-top:32px;
    }
    .news-detail-page .nba-detail__related-title,
    .news-detail-page .nba-detail__comments-title{
        align-items:flex-start;
        font-size:17px;
        line-height:1.5;
    }
    .news-detail-page .nba-detail__related-card{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        gap:0;
        border-radius:14px;
    }
    .news-detail-page .nba-detail__related-img-wrap{
        width:112px;
        height:100%;
        min-height:92px;
        border-radius:0;
    }
    .news-detail-page .nba-detail__related-img{
        width:100%;
        height:100%;
        aspect-ratio:auto;
        object-fit:cover;
    }
    .news-detail-page .nba-detail__related-body{
        padding:12px;
    }
    .news-detail-page .nba-detail__related-name{
        line-height:1.5;
    }
    .news-detail-page .nba-sidebar__section{
        margin:0 !important;
        padding:16px;
        border-radius:14px;
    }
    .news-detail-page .nba-sidebar__title{
        flex-wrap:wrap;
        line-height:1.45;
    }
    .news-detail-page .nba-detail__sidebar-news-item{
        gap:12px;
        padding:12px 0;
    }
    .news-detail-page .nba-detail__sidebar-news-img-wrap{
        width:72px;
        height:54px;
    }
    .news-detail-page .nba-detail__sidebar-news-title{
        font-size:12px;
        line-height:1.5;
    }
    .news-detail-page .nba-comment{
        gap:10px;
    }
    .news-detail-page .nba-comment__head,
    .news-detail-page .nba-comment__actions{
        flex-wrap:wrap;
    }
    .news-detail-page .nba-detail__textarea{
        font-size:16px;
    }
    .news-detail-page .nba-detail__btn-submit{
        width:100%;
        justify-content:center;
        min-height:46px;
    }
}

@media(max-width:480px){
    .news-detail-page .nba-main{
        padding-inline:12px;
    }
    .news-detail-page .nba-detail__hero-img{
        aspect-ratio:1.08/1;
        max-height:310px;
    }
    .news-detail-page .nba-detail__meta-stats{
        grid-template-columns:minmax(0,1fr);
    }
    .news-detail-page .nba-detail__title{
        font-size:clamp(19px,6vw,24px);
    }
    .news-detail-page .nba-detail__content{
        font-size:14px;
        line-height:1.78;
    }
    .news-detail-page .nba-detail__share{
        flex-direction:column;
    }
    .news-detail-page .nba-detail__share-btns{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .news-detail-page .nba-detail__author{
        gap:12px;
    }
    .news-detail-page .nba-detail__nav-item--next{
        flex-direction:column-reverse;
    }
    .news-detail-page .nba-detail__related-card{
        grid-template-columns:minmax(0,1fr);
    }
    .news-detail-page .nba-detail__related-img-wrap{
        width:100%;
        height:auto;
        aspect-ratio:16/9;
    }
    .news-detail-page .nba-detail__related-img{
        aspect-ratio:16/9;
    }
    .news-detail-page .nba-comment__avatar{
        width:34px;
        height:34px;
    }
    .news-detail-page .nba-comment__avatar--sm{
        width:28px;
        height:28px;
    }
    .news-detail-page .nba-comment__replies{
        padding-left:10px;
    }
}

@media(max-width:360px){
    .news-detail-page .nba-main{
        padding-inline:10px;
    }
    .news-detail-page .nba-breadcrumb{
        padding:9px 10px;
    }
    .news-detail-page .nba-detail__meta-bar,
    .news-detail-page .nba-detail__share,
    .news-detail-page .nba-detail__author,
    .news-detail-page .nba-detail__comment-form,
    .news-detail-page .nba-sidebar__section{
        padding:12px;
    }
    .news-detail-page .nba-comment__avatar-wrap{
        display:none;
    }
    .news-detail-page .nba-detail__sidebar-news-img-wrap{
        width:62px;
        height:48px;
    }
}

/* Larger article text, cards and supporting information at every breakpoint. */
.news-detail-page { --article-text-size: 20px; }
.news-detail-page main.nba-main {
    max-width: 1440px;
    padding-inline: clamp(20px, 4vw, 64px);
}
.news-detail-page .nba-detail > .nba-main { padding-inline: 0; }
.news-detail-page .nba-detail__layout { gap: 44px; }
.news-detail-page .nba-detail__title {
    margin-block: 28px 32px;
    font-size: clamp(36px, 3.8vw, 54px);
    line-height: 1.25;
    letter-spacing: -.025em;
    text-wrap: balance;
}
.news-detail-page .nba-detail__content {
    max-width: 74ch;
    font-size: var(--article-text-size);
    line-height: 1.9;
    color: #293d33;
}
.news-detail-page .nba-detail__content :where(p, li, div, span, a, strong, b, em, i, font) {
    font-size: inherit;
    line-height: inherit;
}
/* Editor-saved small font sizes must not shrink the article's reading text. */
.news-detail-page #newsContent :is(p, li, div, span, a, strong, b, em, i, font)[style*="font-size"],
.news-detail-page #newsContent font[size] { font-size: inherit !important; }
.news-detail-page .nba-detail__content p { margin-bottom: 24px; }
.news-detail-page .nba-detail__content h1 { font-size: 38px; line-height: 1.35; }
.news-detail-page .nba-detail__content h2 { margin-block: 36px 18px; font-size: 32px; line-height: 1.4; }
.news-detail-page .nba-detail__content h3 { margin-block: 30px 16px; font-size: 27px; line-height: 1.45; }
.news-detail-page .nba-detail__content :is(h4, h5, h6) { margin-block: 28px 14px; font-size: 23px; line-height: 1.5; }
.news-detail-page .nba-detail__content blockquote { padding: 24px 28px; font-size: var(--article-text-size); line-height: 1.9; }
.news-detail-page .nba-detail__content :is(th, td, code) { font-size: 18px; line-height: 1.7; }
.news-detail-page .nba-detail__content :is(pre, pre code) { font-size: 17px; line-height: 1.8; }
.news-detail-page .nba-detail__content figcaption { font-size: 15px; line-height: 1.8; }
.news-detail-page .nba-detail__hero-cat { padding: 9px 15px; font-size: 14px; }
.news-detail-page .nba-detail__meta-bar { padding: 20px 24px; }
.news-detail-page .nba-detail__meta-avatar { width: 48px; height: 48px; }
.news-detail-page .nba-detail__meta-author-name { font-size: 18px; line-height: 1.5; }
.news-detail-page .nba-detail__meta-date { font-size: 15px; line-height: 1.7; }
.news-detail-page .nba-detail__stat { font-size: 14px; line-height: 1.6; }
.news-detail-page .nba-detail__share { flex-wrap: wrap; gap: 18px; }
.news-detail-page .nba-detail__share-label { font-size: 16px; white-space: normal; }
.news-detail-page .nba-detail__share-btn { width: 46px; height: 46px; font-size: 18px; }
.news-detail-page .nba-detail__author-name { font-size: 22px; line-height: 1.5; }
.news-detail-page :is(.nba-detail__author-label, .nba-detail__author-role) { font-size: 15px; line-height: 1.7; }
.news-detail-page .nba-detail__nav-label { font-size: 14px; line-height: 1.7; }
.news-detail-page .nba-detail__nav-title { font-size: 18px; line-height: 1.65; }
.news-detail-page :is(.nba-detail__related-title, .nba-detail__comments-title) { font-size: 26px; line-height: 1.45; }
.news-detail-page .nba-detail__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.news-detail-page .nba-detail__related-body { padding: 24px; }
.news-detail-page .nba-detail__related-name { font-size: 20px; line-height: 1.6; -webkit-line-clamp: 3; }
.news-detail-page .nba-detail__related-cat { font-size: 13px; line-height: 1.7; }
.news-detail-page .nba-detail__related-date { font-size: 14px; line-height: 1.7; }
.news-detail-page .nba-sidebar__section { padding: 24px; }
.news-detail-page .nba-sidebar__title { font-size: 20px; line-height: 1.5; }
.news-detail-page .nba-detail__sidebar-news-item { padding-block: 18px; gap: 14px; }
.news-detail-page .nba-detail__sidebar-news-img-wrap { flex: none; width: 92px; height: 72px; }
.news-detail-page .nba-detail__sidebar-news-title { font-size: 17px; line-height: 1.6; }
.news-detail-page .nba-detail__sidebar-news-date { font-size: 14px; line-height: 1.7; }
.news-detail-page .nba-tag { font-size: 15px; padding: 10px 14px; }
.news-detail-page .nba-comment__name { font-size: 17px; }
.news-detail-page :is(.nba-comment__date, .nba-comment__action) { font-size: 14px; line-height: 1.7; }
.news-detail-page .nba-comment__text { font-size: 18px; line-height: 1.85; }
.news-detail-page .nba-detail__comment-form-title { font-size: 22px; line-height: 1.5; }
.news-detail-page .nba-detail__textarea { font-size: 18px; line-height: 1.8; }
.news-detail-page .nba-detail__btn-submit { min-height: 48px; font-size: 16px; }

@media (max-width: 767px) {
    .news-detail-page { --article-text-size: 18px; }
    .news-detail-page .nba-detail__title { margin-block: 24px; font-size: clamp(30px, 5.5vw, 38px); line-height: 1.3; }
    .news-detail-page .nba-detail__content { line-height: 1.85; }
    .news-detail-page .nba-detail__content h1 { font-size: 32px; }
    .news-detail-page .nba-detail__content h2 { font-size: 28px; }
    .news-detail-page .nba-detail__content h3 { font-size: 24px; }
    .news-detail-page .nba-detail__content :is(h4, h5, h6) { font-size: 21px; }
    .news-detail-page .nba-detail__content blockquote { padding: 20px; }
    .news-detail-page .nba-detail__content :is(th, td, code) { font-size: 17px; }
    .news-detail-page .nba-detail__meta-bar { padding: 20px; }
    .news-detail-page .nba-detail__related-card { display: flex; flex-direction: column; }
    .news-detail-page .nba-detail__related-img-wrap { width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; }
    .news-detail-page .nba-detail__related-img { aspect-ratio: 16 / 10; height: auto; }
    .news-detail-page .nba-detail__share-btn { width: 100%; min-height: 46px; }
}

@media (max-width: 700px) {
    .news-detail-page .nba-detail__related-grid { grid-template-columns: minmax(0, 1fr); }
}