/* GTA6 STREET editorial article layout.
 * Deployment-safe static override: no Node/Vite build required.
 * This layer intentionally changes article composition, not only colors.
 */

html .public-site-body .news-detail--editorial .news-detail__page {
    padding: 2.75rem 0 5.5rem !important;
    background: #070a0e !important;
}

/* STORY HEADER --------------------------------------------------------- */
html .public-site-body .news-detail--editorial .news-detail__story-header {
    width: min(calc(100% - 2.5rem), 69rem) !important;
    max-width: 69rem !important;
    margin-inline: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-header .news-detail__breadcrumbs {
    margin: 0 0 1.05rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-header .news-detail__taxonomy {
    margin-bottom: .9rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-header h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--street-text, #f5f1e9) !important;
    font: 900 clamp(3rem, 5.25vw, 5.35rem)/.93 var(--font-display) !important;
    letter-spacing: -.035em !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-header .news-detail__deck {
    max-width: 49rem !important;
    margin-top: 1.15rem !important;
    color: #bec7ce !important;
    font-size: clamp(1.08rem, 1.55vw, 1.28rem) !important;
    line-height: 1.6 !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-header .news-detail__byline {
    margin-top: 1.45rem !important;
    padding: 1rem 0 !important;
    border-top: 1px solid var(--street-border, #25313d) !important;
    border-bottom: 1px solid var(--street-border, #25313d) !important;
}

/* HERO ---------------------------------------------------------------- */
html .public-site-body .news-detail--editorial .news-detail__hero-shell {
    width: min(calc(100% - 2.5rem), 76rem) !important;
    max-width: 76rem !important;
    margin: 1.75rem auto 0 !important;
}

html .public-site-body .news-detail--editorial .news-detail__featured {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--street-soft-border, #1b252f) !important;
    background: #080c11 !important;
}

html .public-site-body .news-detail--editorial .news-detail__featured .magazine-media,
html .public-site-body .news-detail--editorial .news-detail__featured img {
    width: 100% !important;
}

/* READING LAYOUT ------------------------------------------------------ */
html .public-site-body .news-detail--editorial .news-detail__story-grid,
html .public-site-body .news-detail--editorial .news-detail__story-grid.has-sidebar {
    width: min(calc(100% - 2.5rem), 76rem) !important;
    max-width: 76rem !important;
    margin: 2.5rem auto 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 19.5rem) !important;
    gap: 3.25rem !important;
    align-items: start !important;
}

html .public-site-body .news-detail--editorial .news-detail__story-grid.no-sidebar {
    width: min(calc(100% - 2.5rem), 49rem) !important;
    grid-template-columns: minmax(0, 1fr) !important;
}

html .public-site-body .news-detail--editorial .news-detail__main {
    min-width: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html .public-site-body .news-detail--editorial .news-detail__article {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html .public-site-body .news-detail--editorial .news-detail__document,
html .public-site-body .news-detail--editorial .news-detail__defaults {
    width: min(100%, 45.5rem) !important;
    margin-inline: auto !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .authoring-prose {
    gap: 1.3rem !important;
    font-size: clamp(1.045rem, 1.18vw, 1.12rem) !important;
    line-height: 1.82 !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .authoring-prose > p:first-child,
html .public-site-body .news-detail--editorial .news-detail__document .authoring-rich-text > p:first-child {
    font-size: 1.12em !important;
    line-height: 1.78 !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .authoring-heading--2 {
    margin-top: 2.8rem !important;
    font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
    line-height: .98 !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .authoring-heading--3 {
    margin-top: 2.15rem !important;
    font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
}

/* Let meaningful visuals break the text column without becoming a database hero. */
html .public-site-body .news-detail--editorial .news-detail__document .author-block--wide {
    width: min(52rem, calc(100% + 6.5rem)) !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .author-block--full {
    width: min(60rem, calc(100vw - 3rem)) !important;
}

html .public-site-body .news-detail--editorial .news-detail__document .authoring-figure,
html .public-site-body .news-detail--editorial .news-detail__document .authoring-gallery,
html .public-site-body .news-detail--editorial .news-detail__document .authoring-media,
html .public-site-body .news-detail--editorial .news-detail__document .authoring-carousel {
    margin-block: 2.15rem !important;
}

/* SIDEBAR: context, not a competing database panel -------------------- */
html .public-site-body .news-detail--editorial .news-detail__sidebar {
    min-width: 0 !important;
    padding-top: .1rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-stack,
html .public-site-body .news-detail--editorial .news-detail__sidebar > .sticky-rail {
    position: sticky !important;
    top: 7rem !important;
    display: grid !important;
    gap: 1.8rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-section {
    margin: 0 !important;
    padding: 1rem 0 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--street-coral, #ff5268) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-heading h2 {
    font-size: 1.65rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-card {
    grid-template-columns: 5rem minmax(0, 1fr) !important;
    gap: .72rem !important;
    padding: .8rem 0 !important;
    border-top: 1px solid var(--street-soft-border, #1b252f) !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-card .magazine-media {
    width: 5rem !important;
    min-width: 5rem !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-card strong {
    color: var(--street-text, #f5f1e9) !important;
    font-size: .9rem !important;
    line-height: 1.22 !important;
}

html .public-site-body .news-detail--editorial .news-detail__rail-more {
    border-color: var(--street-soft-border, #1b252f) !important;
}

/* AFTER ARTICLE: remove dashboard/module feeling ---------------------- */
html .public-site-body .news-detail--editorial .news-detail__defaults > * {
    margin-top: 3rem !important;
}

html .public-site-body .news-detail--editorial .news-author-card {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    padding: 1.2rem 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--street-border, #25313d) !important;
    border-bottom: 1px solid var(--street-border, #25313d) !important;
    background: transparent !important;
}

html .public-site-body .news-detail--editorial .news-reactions {
    padding: 1.2rem 0 1.35rem !important;
}

html .public-site-body .news-detail--editorial :is(.news-related, .news-guide-routes, .news-topic-feed) {
    padding-top: 1.35rem !important;
    border-top: 1px solid var(--street-border, #25313d) !important;
}

/* Compact newsletter should feel like part of the story, not a homepage takeover. */
html .public-site-body .news-detail--editorial .gts-capture--compact {
    border: 1px solid var(--street-border, #25313d) !important;
    border-top: 2px solid var(--street-coral, #ff5268) !important;
    background: #0d131a !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact::after {
    height: 2px !important;
    width: 30% !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__layout {
    grid-template-columns: minmax(0, .85fr) minmax(18rem, 1.15fr) !important;
    gap: 1.5rem !important;
    padding: 1.35rem !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__copy h2 {
    max-width: 11ch !important;
    font-size: clamp(1.8rem, 3.1vw, 2.65rem) !important;
    line-height: .92 !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__copy p {
    margin-top: .55rem !important;
    font-size: .88rem !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__topics {
    display: none !important;
}

html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__fields {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

/* Comments are the final story section, not a tiny data box. */
html .public-site-body .news-detail--editorial .news-discussion {
    padding-top: 1.5rem !important;
    border-top: 1px solid var(--street-border, #25313d) !important;
}

html .public-site-body .news-detail--editorial .news-prev-next {
    margin-top: 3.25rem !important;
}

@media (max-width: 64rem) {
    html .public-site-body .news-detail--editorial .news-detail__story-grid,
    html .public-site-body .news-detail--editorial .news-detail__story-grid.has-sidebar {
        width: min(calc(100% - 2rem), 49rem) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 3rem !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__rail-stack,
    html .public-site-body .news-detail--editorial .news-detail__sidebar > .sticky-rail {
        position: static !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__sidebar {
        width: min(100%, 45.5rem) !important;
        margin-inline: auto !important;
    }
}

@media (max-width: 48rem) {
    html .public-site-body .news-detail--editorial .news-detail__page {
        padding: 1.5rem 0 4rem !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__story-header,
    html .public-site-body .news-detail--editorial .news-detail__hero-shell,
    html .public-site-body .news-detail--editorial .news-detail__story-grid,
    html .public-site-body .news-detail--editorial .news-detail__story-grid.has-sidebar,
    html .public-site-body .news-detail--editorial .news-detail__story-grid.no-sidebar {
        width: min(calc(100% - 2rem), 49rem) !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__story-header h1 {
        max-width: none !important;
        font-size: clamp(2.55rem, 13vw, 4.15rem) !important;
        line-height: .93 !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__story-header .news-detail__byline {
        display: grid !important;
        gap: .85rem !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__actions {
        justify-content: flex-start !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__hero-shell {
        margin-top: 1.2rem !important;
    }

    html .public-site-body .news-detail--editorial .news-detail__story-grid {
        margin-top: 1.8rem !important;
    }

    html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__layout,
    html .public-site-body .news-detail--editorial .gts-capture--compact .gts-capture__fields {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}