/* GTA6 STREET — premium News library product system
 * Static deployment-safe stylesheet. No Node/Vite build required.
 */

html .public-site-body .news-product{
    --np-bg:#070a0e;
    --np-panel:#0f151d;
    --np-panel-2:#121a23;
    --np-panel-3:#17212c;
    --np-text:#f5f1e9;
    --np-body:#d5dbe0;
    --np-muted:#8995a2;
    --np-line:#25313d;
    --np-soft:#1b252f;
    --np-coral:#ff5268;
    --np-cyan:#58e0d0;
    min-height:100vh;
    padding:2.25rem 0 4.75rem;
    background:
        radial-gradient(55rem 28rem at 92% 0%,rgba(88,224,208,.045),transparent 67%),
        radial-gradient(42rem 22rem at 5% 22%,rgba(255,82,104,.04),transparent 65%),
        var(--np-bg);
    color:var(--np-text);
}

html .public-site-body .news-product .editorial-container{
    width:min(calc(100% - 2.5rem),82.5rem);
    max-width:82.5rem;
}

/* INTRO -------------------------------------------------------------- */
html .public-site-body .news-product__intro{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);
    gap:2rem;
    align-items:end;
    padding:2.6rem clamp(1.5rem,3.5vw,3rem);
    border:1px solid var(--np-line);
    border-radius:1.25rem;
    background:
        linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%),
        var(--np-panel);
    box-shadow:0 2rem 5rem rgba(0,0,0,.2);
}

html .public-site-body .news-product__kicker,
html .public-site-body .news-product__section-head span,
html .public-site-body .news-product__rail-card header > span,
html .public-site-body .news-product__caught-up > span,
html .public-site-body .news-product__empty > span{
    color:var(--np-cyan);
    font:900 .65rem/1.2 var(--font-mono,monospace);
    letter-spacing:.12em;
    text-transform:uppercase;
}

html .public-site-body .news-product__intro h1{
    max-width:12ch;
    margin:.75rem 0 .8rem;
    color:var(--np-text);
    font:900 clamp(3.7rem,6.6vw,6.6rem)/.84 var(--font-display,sans-serif);
    letter-spacing:-.045em;
    text-transform:uppercase;
}

html .public-site-body .news-product__intro-copy > p{
    max-width:46rem;
    margin:0;
    color:#bbc4cc;
    font-size:1.02rem;
    line-height:1.65;
}

html .public-site-body .news-product__intro-side{
    display:grid;
    gap:1rem;
}

html .public-site-body .news-product__search label{
    display:block;
    margin-bottom:.5rem;
    color:var(--np-muted);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

html .public-site-body .news-product__search > div{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    overflow:hidden;
    border:1px solid var(--np-line);
    border-radius:.65rem;
    background:#0a1016;
}

html .public-site-body .news-product__search .material-symbols-outlined{
    padding-left:.85rem;
    color:#6f7d89;
    font-size:1rem;
}

html .public-site-body .news-product__search input{
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:.85rem .75rem;
    color:#fff;
    font-size:.82rem;
}

html .public-site-body .news-product__search button{
    align-self:stretch;
    border:0;
    border-left:1px solid var(--np-line);
    background:var(--np-coral);
    padding:0 1rem;
    color:#080b0f;
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

html .public-site-body .news-product__search button:hover{background:var(--np-cyan)}

html .public-site-body .news-product__metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.65rem;
    margin:0;
}

html .public-site-body .news-product__metrics > div{
    padding:.8rem .9rem;
    border:1px solid var(--np-soft);
    border-radius:.65rem;
    background:#0b1118;
}
html .public-site-body .news-product__metrics dt{color:var(--np-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html .public-site-body .news-product__metrics dd{margin:.24rem 0 0;color:var(--np-text);font-size:1rem;font-weight:900}

/* FILTERS ------------------------------------------------------------ */
html .public-site-body .news-product__filters{
    display:flex;
    gap:.45rem;
    overflow:auto;
    margin-top:1rem;
    padding:.85rem;
    border:1px solid var(--np-line);
    border-radius:.85rem;
    background:var(--np-panel);
}

html .public-site-body .news-product__filters a{
    display:inline-flex;
    flex:none;
    gap:.45rem;
    align-items:center;
    border:1px solid var(--np-line);
    border-radius:999px;
    background:#0a1016;
    padding:.52rem .72rem;
    color:#abb6bf;
    font-size:.75rem;
    font-weight:900;
    text-decoration:none;
    text-transform:uppercase;
}
html .public-site-body .news-product__filters a span{color:#65717d}
html .public-site-body .news-product__filters a:hover,
html .public-site-body .news-product__filters a[aria-current=page]{border-color:rgba(88,224,208,.4);background:rgba(88,224,208,.075);color:var(--np-cyan)}

/* LEAD --------------------------------------------------------------- */
html .public-site-body .news-product__lead{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);
    min-height:28rem;
    overflow:hidden;
    margin-top:1.25rem;
    border:1px solid var(--np-line);
    border-radius:1.2rem;
    background:var(--np-panel);
}

html .public-site-body .news-product__lead-media{
    position:relative;
    display:block;
    min-height:28rem;
    overflow:hidden;
    border-right:1px solid var(--np-line);
}
html .public-site-body .news-product__lead-media .magazine-media,
html .public-site-body .news-product__lead-media img{width:100%;height:100%;object-fit:cover}
html .public-site-body .news-product__lead-media img{transition:transform .5s ease}
html .public-site-body .news-product__lead:hover .news-product__lead-media img{transform:scale(1.018)}
html .public-site-body .news-product__lead-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,7,10,.28) 100%);pointer-events:none}

html .public-site-body .news-product__lead-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:2rem clamp(1.5rem,3vw,2.5rem);
    background:
        radial-gradient(circle at 100% 0%,rgba(255,82,104,.065),transparent 20rem),
        linear-gradient(145deg,var(--np-panel-2),var(--np-panel));
}

html .public-site-body .news-product__meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:.55rem;
    align-items:center;
}
html .public-site-body .news-product__meta-row span{color:var(--np-coral);font-size:.75rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
html .public-site-body .news-product__meta-row time{color:var(--np-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}

html .public-site-body .news-product__lead h2{
    max-width:12ch;
    margin:.65rem 0 .85rem;
    color:var(--np-text);
    font:900 clamp(2.6rem,4.3vw,4.6rem)/.89 var(--font-display,sans-serif);
    letter-spacing:-.025em;
    text-transform:uppercase;
}
html .public-site-body .news-product__lead h2 a{color:inherit;text-decoration:none}
html .public-site-body .news-product__lead-copy > p{margin:0 0 1.35rem;color:#aeb8c1;font-size:.88rem;line-height:1.62}

html .public-site-body .news-product__button{
    display:inline-flex;
    width:max-content;
    min-height:2.7rem;
    align-items:center;
    justify-content:center;
    border:1px solid var(--np-line);
    border-radius:.5rem;
    background:#0b1118;
    padding:.66rem .95rem;
    color:var(--np-text);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.055em;
    text-decoration:none;
    text-transform:uppercase;
}
html .public-site-body .news-product__button--primary{border-color:var(--np-coral);background:var(--np-coral);color:#090b0f}
html .public-site-body .news-product__button--primary:hover{border-color:var(--np-cyan);background:var(--np-cyan)}

/* FEED + RAIL -------------------------------------------------------- */
html .public-site-body .news-product__layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 20rem;
    gap:1.5rem;
    align-items:start;
    margin-top:1.5rem;
}

html .public-site-body .news-product__feed,
html .public-site-body .news-product__rail-card{
    border:1px solid var(--np-line);
    border-radius:1rem;
    background:var(--np-panel);
}

html .public-site-body .news-product__feed{padding:1.35rem}

html .public-site-body .news-product__section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
    padding-bottom:.9rem;
    border-bottom:1px solid var(--np-soft);
}
html .public-site-body .news-product__section-head h2{
    margin:.3rem 0 0;
    color:var(--np-text);
    font:900 clamp(2rem,3.5vw,3.2rem)/.9 var(--font-display,sans-serif);
    letter-spacing:-.025em;
    text-transform:uppercase;
}
html .public-site-body .news-product__section-head small{color:var(--np-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}

html .public-site-body .news-product__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
}

html .public-site-body .news-product__card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--np-soft);
    border-radius:.8rem;
    background:var(--np-panel-2);
    transition:border-color .18s ease,transform .18s ease;
}
html .public-site-body .news-product__card:hover{border-color:#354759;transform:translateY(-2px)}
html .public-site-body .news-product__card-media{display:block;overflow:hidden;border-bottom:1px solid var(--np-soft)}
html .public-site-body .news-product__card-media img{transition:transform .4s ease}
html .public-site-body .news-product__card:hover .news-product__card-media img{transform:scale(1.025)}
html .public-site-body .news-product__card-copy{padding:1rem}
html .public-site-body .news-product__card h3{margin:.5rem 0 .55rem;color:var(--np-text);font-size:1.18rem;line-height:1.12}
html .public-site-body .news-product__card h3 a{color:inherit;text-decoration:none}
html .public-site-body .news-product__card-copy > p{margin:0;color:#95a2ae;font-size:.78rem;line-height:1.55}
html .public-site-body .news-product__text-link{display:inline-flex;margin-top:.85rem;color:var(--np-cyan);font-size:.75rem;font-weight:900;text-decoration:none;text-transform:uppercase}

html .public-site-body .news-product__caught-up,
html .public-site-body .news-product__empty{
    display:grid;
    min-height:15rem;
    align-content:center;
    justify-items:start;
    padding:1.4rem;
    border:1px dashed #334151;
    border-radius:.8rem;
    background:#0b1118;
}
html .public-site-body .news-product__caught-up h2,
html .public-site-body .news-product__empty h2{margin:.45rem 0 .5rem;color:var(--np-text);font:900 2.2rem/.95 var(--font-display,sans-serif);text-transform:uppercase}
html .public-site-body .news-product__caught-up p,
html .public-site-body .news-product__empty p{max-width:38rem;margin:0 0 1rem;color:var(--np-muted);font-size:.82rem;line-height:1.55}

html .public-site-body .news-product__rail{
    position:sticky;
    top:7.7rem;
    display:grid;
    gap:1rem;
}

html .public-site-body .news-product__rail-card{overflow:hidden}
html .public-site-body .news-product__rail-card > header{padding:1rem 1rem .8rem;border-bottom:1px solid var(--np-soft)}
html .public-site-body .news-product__rail-card h2{margin:.25rem 0 0;color:var(--np-text);font:900 1.5rem/.95 var(--font-display,sans-serif);text-transform:uppercase}

html .public-site-body .news-product__lane-list{display:grid;padding:.2rem 1rem .7rem}
html .public-site-body .news-product__lane-list a{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding:.72rem 0;
    border-bottom:1px solid var(--np-soft);
    color:#b8c1c9;
    font-size:.75rem;
    font-weight:800;
    text-decoration:none;
}
html .public-site-body .news-product__lane-list a:last-child{border-bottom:0}
html .public-site-body .news-product__lane-list a:hover span{color:var(--np-cyan)}
html .public-site-body .news-product__lane-list b{color:#687582;font-size:.75rem}

html .public-site-body .news-product__route-list{display:grid}
html .public-site-body .news-product__route-list a{
    display:grid;
    grid-template-columns:1.6rem minmax(0,1fr) auto;
    gap:.65rem;
    align-items:center;
    padding:.8rem 1rem;
    border-bottom:1px solid var(--np-soft);
    color:inherit;
    text-decoration:none;
}
html .public-site-body .news-product__route-list a:last-child{border-bottom:0}
html .public-site-body .news-product__route-list small{color:var(--np-cyan);font:900 .57rem/1 var(--font-mono,monospace)}
html .public-site-body .news-product__route-list span{display:grid;gap:.15rem}
html .public-site-body .news-product__route-list strong{color:var(--np-text);font-size:.75rem}
html .public-site-body .news-product__route-list em{color:var(--np-muted);font-size:.75rem;font-style:normal;line-height:1.35}
html .public-site-body .news-product__route-list b{color:#65727f}
html .public-site-body .news-product__route-list a:hover strong,
html .public-site-body .news-product__route-list a:hover b{color:var(--np-cyan)}

html .public-site-body .news-product__rail .placement-slot{margin:0!important}

/* NETWORK ------------------------------------------------------------ */
html .public-site-body .news-product__network{
    margin-top:1.5rem;
    padding:1.35rem;
    border:1px solid var(--np-line);
    border-radius:1rem;
    background:var(--np-panel);
}

html .public-site-body .news-product__network-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
}

html .public-site-body .news-product__network-grid a{
    display:grid;
    min-height:10rem;
    align-content:end;
    padding:1rem;
    border:1px solid var(--np-soft);
    border-radius:.8rem;
    background:
        linear-gradient(145deg,rgba(88,224,208,.035),transparent 55%),
        var(--np-panel-2);
    color:inherit;
    text-decoration:none;
    transition:border-color .18s ease,transform .18s ease;
}
html .public-site-body .news-product__network-grid a:hover{border-color:#354759;transform:translateY(-2px)}
html .public-site-body .news-product__network-grid small{color:var(--np-coral);font-size:.75rem;font-weight:900;letter-spacing:.09em}
html .public-site-body .news-product__network-grid strong{margin-top:.45rem;color:var(--np-text);font-size:1.15rem;line-height:1.15}
html .public-site-body .news-product__network-grid span{margin-top:.7rem;color:var(--np-cyan);font-size:.75rem;font-weight:800}

/* NEWSLETTER --------------------------------------------------------- */
html .public-site-body .news-product__newsletter{margin-top:1.5rem}
html .public-site-body .news-product__newsletter .gts-capture--compact{
    margin:0!important;
    overflow:hidden!important;
    border:1px solid var(--np-line)!important;
    border-radius:1rem!important;
    border-top:1px solid var(--np-line)!important;
    background:
        radial-gradient(circle at 88% 20%,rgba(88,224,208,.1),transparent 22rem),
        linear-gradient(110deg,#101820 0 63%,#171421 100%)!important;
    box-shadow:inset 0 -3px 0 var(--np-cyan)!important;
}
html .public-site-body .news-product__newsletter .gts-capture--compact::after{display:none!important}
html .public-site-body .news-product__newsletter .gts-capture--compact .gts-capture__layout{
    grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr)!important;
    gap:2rem!important;
    align-items:center!important;
    padding:1.8rem 2rem!important;
}

/* RESPONSIVE --------------------------------------------------------- */
@media (max-width:64rem){
    html .public-site-body .news-product__intro,
    html .public-site-body .news-product__lead,
    html .public-site-body .news-product__layout{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .news-product__lead-media{min-height:23rem;border-right:0;border-bottom:1px solid var(--np-line)}
    html .public-site-body .news-product__rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
    html .public-site-body .news-product__rail .placement-slot{display:none}
    html .public-site-body .news-product__newsletter .gts-capture--compact .gts-capture__layout{grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:46rem){
    html .public-site-body .news-product{padding-top:1.25rem}
    html .public-site-body .news-product .editorial-container{width:min(calc(100% - 1rem),82.5rem)}
    html .public-site-body .news-product__intro{padding:1.35rem;border-radius:.9rem}
    html .public-site-body .news-product__intro h1{font-size:clamp(3.15rem,15vw,4.8rem)}
    html .public-site-body .news-product__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
    html .public-site-body .news-product__metrics > div{padding:.65rem .55rem}
    html .public-site-body .news-product__lead{border-radius:.9rem}
    html .public-site-body .news-product__lead-media{min-height:18rem}
    html .public-site-body .news-product__lead-copy{padding:1.25rem}
    html .public-site-body .news-product__lead h2{font-size:2.55rem}
    html .public-site-body .news-product__feed{padding:1rem}
    html .public-site-body .news-product__grid,
    html .public-site-body .news-product__network-grid,
    html .public-site-body .news-product__rail{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .news-product__section-head{align-items:start;flex-direction:column}
    html .public-site-body .news-product__search > div{grid-template-columns:auto minmax(0,1fr)}
    html .public-site-body .news-product__search button{grid-column:1/-1;min-height:2.5rem;border-top:1px solid var(--np-line);border-left:0}
    html .public-site-body .news-product__newsletter .gts-capture--compact .gts-capture__layout{padding:1.35rem!important}
}