/*
 * GTA6 STREET news detail page.
 * Deployment-safe public stylesheet for the Bimber-style article composition.
 * Deliberately contains presentation only: all article, media, rail, ad, CTA,
 * reaction, newsletter and comment data continues to come from Laravel/CMS.
 */

.public-site-body .news-detail {
    --nd-bg:#f3f3f1;
    --nd-paper:#fff;
    --nd-text:#17191c;
    --nd-muted:#6b7076;
    --nd-line:#e3e4e5;
    --nd-soft:#f7f7f5;
    --nd-red:#ff3650;
    --nd-teal:#128e91;
    background:var(--nd-bg);
    color:var(--nd-text);
}

.public-site-body .news-detail::before,
.public-site-body .news-detail__mast::before { content:none; display:none; }

.public-site-body .news-detail__page {
    padding:2rem 0 4.5rem;
    background:var(--nd-bg);
}

.public-site-body .news-detail__layout,
.public-site-body .news-detail__layout.has-sidebar {
    width:min(calc(100% - 2.5rem),74rem);
    max-width:74rem;
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,48rem) minmax(17rem,20rem);
    justify-content:center;
    align-items:start;
    gap:2rem;
}

.public-site-body .news-detail__layout.no-sidebar {
    grid-template-columns:minmax(0,50rem);
}

.public-site-body .news-detail__main {
    min-width:0;
    overflow:hidden;
    background:var(--nd-paper);
    color:var(--nd-text);
    box-shadow:0 1px 0 rgba(0,0,0,.04);
}

.public-site-body .news-detail__mast {
    position:static;
    overflow:visible;
    border:0;
    background:var(--nd-paper);
    color:var(--nd-text);
}

.public-site-body .news-detail__featured {
    margin:0;
    border:0;
    background:#e8e9e9;
}

.public-site-body .news-detail__featured .magazine-media { background:#e8e9e9; }
.public-site-body .news-detail__featured img { width:100%; display:block; }
.public-site-body .news-detail__featured figcaption {
    margin:0;
    padding:.65rem 1.9rem .8rem;
    border:0;
    border-bottom:1px solid var(--nd-line);
    background:#fff;
    color:var(--nd-muted);
    font-size:.74rem;
    line-height:1.45;
}

.public-site-body .news-detail__header-copy {
    padding:1.35rem 1.9rem 0;
    background:#fff;
}

.public-site-body .news-detail__breadcrumbs {
    margin:0 0 .9rem;
    color:#8c9197;
    font-size:.7rem;
    line-height:1.4;
}

.public-site-body .news-detail__breadcrumbs a { color:#72777e; }

.public-site-body .news-detail__taxonomy {
    display:flex;
    flex-wrap:wrap;
    gap:.35rem .75rem;
    margin:0 0 .72rem;
}

.public-site-body .news-detail__taxonomy > * {
    color:#c3263e;
    font:800 .65rem/1.2 var(--font-mono);
    letter-spacing:.07em;
    text-transform:uppercase;
}

.public-site-body .news-detail__taxonomy > span { color:var(--nd-teal); }

.public-site-body .news-detail__mast h1 {
    max-width:18ch;
    margin:0;
    color:#101215;
    font:900 clamp(2.45rem,4.15vw,4rem)/.95 var(--font-display);
    letter-spacing:-.035em;
    text-wrap:balance;
}

.public-site-body .news-detail__deck {
    max-width:44rem;
    margin:.9rem 0 0;
    color:#454a50;
    font-size:clamp(1.02rem,1.45vw,1.18rem);
    line-height:1.55;
}

.public-site-body .news-detail__byline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:1.15rem;
    padding:.9rem 0 1rem;
    border-top:1px solid var(--nd-line);
    border-bottom:1px solid var(--nd-line);
}

.public-site-body .news-detail__meta {
    display:flex;
    flex-wrap:wrap;
    gap:.28rem .75rem;
    color:var(--nd-muted);
    font-size:.73rem;
    line-height:1.4;
}

.public-site-body .news-detail__meta strong { color:var(--nd-text); }
.public-site-body .news-detail__share { flex:0 0 auto; margin:0; }
.public-site-body .news-detail__share > section { margin:0; padding:0; border:0; }
.public-site-body .news-detail__share section > div { display:flex; align-items:center; gap:.3rem; }
.public-site-body .news-detail__share section > div > span {
    margin-right:.1rem;
    color:#858a90;
    font-size:.63rem;
    font-weight:800;
    text-transform:uppercase;
}

.public-site-body .news-detail__share .btn-secondary,
.public-site-body .news-detail__share .btn-text {
    min-height:2rem!important;
    border:1px solid var(--nd-line)!important;
    background:#fff!important;
    color:#34383d!important;
    padding:.32rem .55rem!important;
    font-size:.68rem!important;
}

.public-site-body .news-detail__article {
    min-width:0;
    width:auto;
    margin:0;
    padding:1.9rem 1.9rem 3rem;
    background:#fff;
    color:var(--nd-text);
    box-shadow:none;
}

.public-site-body .news-detail__document,
.public-site-body .news-detail__defaults { width:100%; }

.public-site-body .news-detail__document .authoring-prose {
    gap:1.1rem;
    color:var(--nd-text);
    font-size:1.04rem;
    line-height:1.72;
}

.public-site-body .news-detail__document .author-block--content,
.public-site-body .news-detail__document .author-block--paragraph,
.public-site-body .news-detail__document .author-block--rich_text,
.public-site-body .news-detail__document .author-block--list,
.public-site-body .news-detail__document .author-block--heading,
.public-site-body .news-detail__document .author-block--quote,
.public-site-body .news-detail__document .author-block--pullquote,
.public-site-body .news-detail__document .author-block--details,
.public-site-body .news-detail__document .author-block--source_caveat,
.public-site-body .news-detail__document .author-block--evidence_note,
.public-site-body .news-detail__document .author-block--fact_risk_note,
.public-site-body .news-detail__document .author-block--code,
.public-site-body .news-detail__document .author-block--preformatted,
.public-site-body .news-detail__document .author-block--footnote,
.public-site-body .news-detail__document .author-block--image,
.public-site-body .news-detail__document .author-block--gallery,
.public-site-body .news-detail__document .author-block--video,
.public-site-body .news-detail__document .author-block--audio,
.public-site-body .news-detail__document .author-block--cover,
.public-site-body .news-detail__document .author-block--media_text,
.public-site-body .news-detail__document .author-block--carousel,
.public-site-body .news-detail__document .author-block--playlist,
.public-site-body .news-detail__document .author-block--table,
.public-site-body .news-detail__document .author-block--comparison {
    width:100%;
    margin-inline:0;
}

.public-site-body .news-detail__document .authoring-heading { color:#111316; letter-spacing:-.02em; }
.public-site-body .news-detail__document .authoring-heading--2 {
    margin-top:1.9rem;
    font-size:clamp(1.75rem,3vw,2.35rem);
    line-height:1.02;
}
.public-site-body .news-detail__document .authoring-heading--3 {
    margin-top:1.35rem;
    font-size:clamp(1.3rem,2.3vw,1.78rem);
    line-height:1.08;
}

.public-site-body .news-detail__document .author-document__toc {
    width:100%;
    margin:0 0 1.8rem;
    border:1px solid var(--nd-line);
    border-left:.25rem solid var(--nd-teal);
    background:#f7f8f7;
    padding:1rem 1.15rem;
}

.public-site-body .news-detail__defaults > * { margin-top:2.5rem; }

/* Bimber-like right editorial rail. */
.public-site-body .news-detail__sidebar {
    min-width:0;
    color:var(--nd-text);
}

.public-site-body .news-detail__sidebar > .sticky-rail,
.public-site-body .news-detail__rail-stack {
    position:sticky;
    top:7rem;
    display:grid;
    gap:1.1rem;
    max-height:none;
    overflow:visible;
}

.public-site-body .news-detail__rail-section {
    border:1px solid var(--nd-line);
    border-top:3px solid var(--nd-red);
    background:#fff;
    padding:.95rem;
    color:var(--nd-text);
}

.public-site-body .news-detail__rail-heading { margin-bottom:.55rem; }
.public-site-body .news-detail__rail-heading span {
    display:block;
    margin-bottom:.2rem;
    color:var(--nd-teal);
    font:800 .61rem/1.2 var(--font-mono);
    letter-spacing:.07em;
    text-transform:uppercase;
}
.public-site-body .news-detail__rail-heading h2 {
    margin:0;
    color:#111316;
    font:900 1.5rem/1 var(--font-display);
}

.public-site-body .news-detail__rail-list { display:grid; }
.public-site-body .news-detail__rail-card {
    display:grid;
    grid-template-columns:5.8rem minmax(0,1fr);
    gap:.65rem;
    align-items:start;
    padding:.7rem 0;
    border-top:1px solid var(--nd-line);
    color:var(--nd-text);
    text-decoration:none;
}
.public-site-body .news-detail__rail-card:first-child { border-top:0; }
.public-site-body .news-detail__rail-card .magazine-media {
    width:5.8rem;
    min-width:5.8rem;
    background:#eceeed;
}
.public-site-body .news-detail__rail-card-copy { min-width:0; display:block; }
.public-site-body .news-detail__rail-card small {
    display:block;
    margin-bottom:.18rem;
    color:#bd243c;
    font-size:.6rem;
    font-weight:800;
    text-transform:uppercase;
}
.public-site-body .news-detail__rail-card strong {
    display:-webkit-box;
    overflow:hidden;
    color:#202328;
    font-size:.86rem;
    line-height:1.18;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.public-site-body .news-detail__rail-card em {
    display:block;
    margin-top:.22rem;
    overflow:hidden;
    color:var(--nd-muted);
    font-size:.66rem;
    font-style:normal;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-site-body .news-detail__rail-more {
    display:block;
    margin-top:.35rem;
    padding-top:.7rem;
    border-top:1px solid var(--nd-line);
    color:#bd243c;
    font-size:.7rem;
    font-weight:900;
    text-transform:uppercase;
}

.public-site-body .news-detail__sidebar .editorial-rail,
.public-site-body .news-detail__sidebar .editorial-card {
    border:1px solid var(--nd-line);
    background:#fff;
    color:var(--nd-text);
    box-shadow:none;
}
.public-site-body .news-detail__sidebar .editorial-rail__mast {
    border-top:3px solid var(--nd-red);
    background:#fff;
    color:var(--nd-muted);
}
.public-site-body .news-detail__sidebar .editorial-rail__headlines { background:#fff; }
.public-site-body .news-detail__sidebar .editorial-rail h2,
.public-site-body .news-detail__sidebar .editorial-rail strong,
.public-site-body .news-detail__sidebar .editorial-card h3 { color:var(--nd-text)!important; }
.public-site-body .news-detail__sidebar .editorial-rail small { color:var(--nd-muted); }
.public-site-body .news-detail__sidebar .editorial-rail li { border-color:var(--nd-line); }
.public-site-body .news-detail__sidebar .placement-slot { margin:0!important; }

@media (max-width:64rem) {
    .public-site-body .news-detail__layout,
    .public-site-body .news-detail__layout.has-sidebar {
        width:min(calc(100% - 2rem),50rem);
        grid-template-columns:minmax(0,1fr);
        gap:1.6rem;
    }
    .public-site-body .news-detail__sidebar > .sticky-rail,
    .public-site-body .news-detail__rail-stack { position:static; }
    .public-site-body .news-detail__rail-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:48rem) {
    .public-site-body .news-detail__page { padding:0 0 3rem; }
    .public-site-body .news-detail__layout,
    .public-site-body .news-detail__layout.has-sidebar,
    .public-site-body .news-detail__layout.no-sidebar { width:100%; }
    .public-site-body .news-detail__header-copy { padding:1.1rem 1.15rem 0; }
    .public-site-body .news-detail__featured figcaption { padding-inline:1.15rem; }
    .public-site-body .news-detail__mast h1 {
        max-width:none;
        font-size:clamp(2rem,10.5vw,3.05rem);
    }
    .public-site-body .news-detail__byline { display:block; }
    .public-site-body .news-detail__share { margin-top:.8rem; }
    .public-site-body .news-detail__article { padding:1.6rem 1.15rem 2.8rem; }
    .public-site-body .news-detail__sidebar { padding:0 1.15rem; }
    .public-site-body .news-detail__rail-stack { grid-template-columns:1fr; }
}