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

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

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

/* HERO --------------------------------------------------------------- */
html .public-site-body .guides-product__hero{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);
    min-height:31rem;
    overflow:hidden;
    border:1px solid var(--gp-line);
    border-radius:1.35rem;
    background:
        linear-gradient(145deg,rgba(255,255,255,.018),transparent 40%),
        var(--gp-panel);
    box-shadow:0 2rem 5rem rgba(0,0,0,.24);
}

html .public-site-body .guides-product__hero-copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:3.4rem clamp(2rem,4vw,4rem);
}

html .public-site-body .guides-product__kicker,
html .public-site-body .guides-product__section-head span,
html .public-site-body .guides-product__search > span,
html .public-site-body .guides-product__label,
html .public-site-body .guides-product__rail-head > span{
    color:var(--gp-cyan);
    font:900 .66rem/1.2 var(--font-mono,monospace);
    letter-spacing:.12em;
    text-transform:uppercase;
}

html .public-site-body .guides-product__hero h1{
    max-width:10ch;
    margin:.9rem 0 1rem;
    color:var(--gp-text);
    font:900 clamp(3.9rem,6.8vw,7rem)/.84 var(--font-display,sans-serif);
    letter-spacing:-.045em;
    text-transform:uppercase;
}

html .public-site-body .guides-product__deck{
    max-width:44rem;
    margin:0;
    color:#bbc4cc;
    font-size:1.02rem;
    line-height:1.65;
}

html .public-site-body .guides-product__hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.65rem;
    margin-top:1.7rem;
}

html .public-site-body .guides-product__button{
    display:inline-flex;
    min-height:2.85rem;
    align-items:center;
    justify-content:center;
    border:1px solid var(--gp-line);
    border-radius:.55rem;
    background:#0b1118;
    padding:.7rem 1rem;
    color:var(--gp-text);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.055em;
    text-decoration:none;
    text-transform:uppercase;
}

html .public-site-body .guides-product__button:hover{border-color:#425363;background:#101923}
html .public-site-body .guides-product__button--primary{border-color:var(--gp-coral);background:var(--gp-coral);color:#090b0f}
html .public-site-body .guides-product__button--primary:hover{border-color:var(--gp-cyan);background:var(--gp-cyan)}

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

html .public-site-body .guides-product__metrics > div{
    padding:.85rem 0 0;
    border-top:1px solid var(--gp-soft);
}
html .public-site-body .guides-product__metrics span{display:block;color:var(--gp-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
html .public-site-body .guides-product__metrics strong{display:block;margin-top:.28rem;color:var(--gp-text);font-size:1.35rem}

html .public-site-body .guides-product__hero-visual{
    position:relative;
    min-height:31rem;
    overflow:hidden;
    border-left:1px solid var(--gp-line);
    background:#101721;
}

html .public-site-body .guides-product__hero-visual > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    filter:saturate(.82) contrast(1.03);
}

html .public-site-body .guides-product__hero-visual:after{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(4,7,10,.02) 25%,rgba(4,7,10,.88) 100%),
        linear-gradient(90deg,rgba(15,21,29,.38),transparent 38%);
    content:"";
}

html .public-site-body .guides-product__hero-glow{
    position:absolute;
    right:-8rem;
    bottom:-8rem;
    width:22rem;
    height:22rem;
    border-radius:50%;
    background:rgba(255,82,104,.18);
    filter:blur(3rem);
}

html .public-site-body .guides-product__hero-card{
    position:absolute;
    z-index:2;
    right:1.25rem;
    bottom:1.25rem;
    left:1.25rem;
    padding:1rem 1.05rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:.8rem;
    background:rgba(6,10,14,.8);
    backdrop-filter:blur(12px);
}
html .public-site-body .guides-product__hero-card span{display:block;color:var(--gp-cyan);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
html .public-site-body .guides-product__hero-card strong{display:block;max-width:24rem;margin-top:.35rem;color:#fff;font-size:1rem;line-height:1.3}

/* FINDER ------------------------------------------------------------- */
html .public-site-body .guides-product__finder{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1rem;
    align-items:end;
    margin-top:1rem;
    padding:1rem;
    border:1px solid var(--gp-line);
    border-radius:1rem;
    background:var(--gp-panel);
}
html .public-site-body .guides-product__search{min-width:0}
html .public-site-body .guides-product__search .premium-live-search{margin-top:.55rem}
html .public-site-body .guides-product__categories,
html .public-site-body .guides-product__quick-filter{display:flex;max-width:34rem;gap:.45rem;overflow:auto;padding-bottom:.05rem}
html .public-site-body .guides-product__categories a,
html .public-site-body .guides-product__quick-filter span{
    flex:none;
    border:1px solid var(--gp-line);
    border-radius:999px;
    background:#0b1118;
    padding:.55rem .75rem;
    color:#aeb8c0;
    font-size:.75rem;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
}
html .public-site-body .guides-product__categories a:hover,
html .public-site-body .guides-product__categories a[aria-current=page]{border-color:rgba(88,224,208,.42);background:rgba(88,224,208,.08);color:var(--gp-cyan)}

/* MAIN LAYOUT -------------------------------------------------------- */
html .public-site-body .guides-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 .guides-product__main{min-width:0;display:grid;gap:1.5rem}

html .public-site-body .guides-product__lead,
html .public-site-body .guides-product__empty,
html .public-site-body .guides-product__start,
html .public-site-body .guides-product__toolkit,
html .public-site-body .guides-product__library{
    overflow:hidden;
    border:1px solid var(--gp-line);
    border-radius:1rem;
    background:var(--gp-panel);
}

html .public-site-body .guides-product__lead{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);
    min-height:27rem;
}
html .public-site-body .guides-product__lead-media{display:block;min-height:27rem;overflow:hidden;border-right:1px solid var(--gp-line)}
html .public-site-body .guides-product__lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
html .public-site-body .guides-product__lead:hover img{transform:scale(1.02)}
html .public-site-body .guides-product__lead-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem}
html .public-site-body .guides-product__lead-copy h2{margin:.55rem 0 .75rem;color:var(--gp-text);font:900 clamp(2.35rem,4vw,3.75rem)/.93 var(--font-display,sans-serif);letter-spacing:-.025em;text-transform:uppercase}
html .public-site-body .guides-product__lead-copy h2 a{color:inherit;text-decoration:none}
html .public-site-body .guides-product__lead-copy > p{margin:0;color:#aeb8c1;line-height:1.6}
html .public-site-body .guides-product__lead-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
html .public-site-body .guides-product__lead-meta span{border:1px solid var(--gp-soft);border-radius:999px;padding:.4rem .55rem;color:var(--gp-muted);font-size:.75rem;text-transform:uppercase}
html .public-site-body .guides-product__text-link{display:inline-flex;margin-top:1rem;color:var(--gp-cyan);font-size:.75rem;font-weight:900;text-decoration:none;text-transform:uppercase}

/* EMPTY STATE — compact, not a billboard */
html .public-site-body .guides-product__empty{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:2rem;
    align-items:center;
    padding:2rem;
    background:
        radial-gradient(circle at 90% 50%,rgba(255,82,104,.08),transparent 19rem),
        var(--gp-panel);
}
html .public-site-body .guides-product__empty > div:first-child > span{color:var(--gp-cyan);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
html .public-site-body .guides-product__empty h2{max-width:15ch;margin:.5rem 0 .65rem;color:var(--gp-text);font:900 clamp(2.4rem,4.4vw,4rem)/.9 var(--font-display,sans-serif);text-transform:uppercase}
html .public-site-body .guides-product__empty p{max-width:45rem;margin:0;color:#aeb7c0;line-height:1.65}
html .public-site-body .guides-product__empty-count{display:grid;width:8rem;height:8rem;place-content:center;border:1px solid var(--gp-line);border-radius:50%;text-align:center;background:#0b1118;box-shadow:inset 0 0 0 1rem rgba(88,224,208,.018)}
html .public-site-body .guides-product__empty-count strong{color:var(--gp-text);font-size:2.4rem;line-height:1}
html .public-site-body .guides-product__empty-count span{margin-top:.35rem;color:var(--gp-cyan);font-size:.75rem;font-weight:900;text-transform:uppercase}

/* SECTION HEAD ------------------------------------------------------- */
html .public-site-body .guides-product__section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:1rem;
    padding:1.25rem 1.35rem 1rem;
    border-bottom:1px solid var(--gp-soft);
}
html .public-site-body .guides-product__section-head h2{margin:.35rem 0 0;color:var(--gp-text);font:900 clamp(2rem,3.4vw,3rem)/.93 var(--font-display,sans-serif);letter-spacing:-.02em;text-transform:uppercase}
html .public-site-body .guides-product__section-head > strong{color:var(--gp-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}

/* START NOW ---------------------------------------------------------- */
html .public-site-body .guides-product__start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem}
html .public-site-body .guides-product__start-grid > a{
    display:flex;
    min-height:13.5rem;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid var(--gp-soft);
    border-radius:.8rem;
    background:
        linear-gradient(150deg,rgba(88,224,208,.04),transparent 55%),
        var(--gp-panel-2);
    padding:1rem;
    text-decoration:none;
    transition:transform .16s ease,border-color .16s ease;
}
html .public-site-body .guides-product__start-grid > a:hover{transform:translateY(-2px);border-color:#3a4b5b}
html .public-site-body .guides-product__start-grid span{color:var(--gp-cyan);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
html .public-site-body .guides-product__start-grid strong{margin-top:.45rem;color:var(--gp-text);font:900 1.75rem/.98 var(--font-display,sans-serif);text-transform:uppercase}
html .public-site-body .guides-product__start-grid p{margin:.55rem 0 0;color:var(--gp-muted);font-size:.78rem;line-height:1.5}
html .public-site-body .guides-product__start-grid b{margin-top:auto;padding-top:1rem;color:var(--gp-coral);font-size:.75rem;text-transform:uppercase}

/* GUIDE GRID --------------------------------------------------------- */
html .public-site-body .guides-product__guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}
html .public-site-body .guides-product__guide-card{overflow:hidden;border:1px solid var(--gp-soft);border-radius:.8rem;background:var(--gp-panel-2)}
html .public-site-body .guides-product__guide-media{display:block;overflow:hidden;border-bottom:1px solid var(--gp-soft)}
html .public-site-body .guides-product__guide-media img{transition:transform .3s ease}
html .public-site-body .guides-product__guide-card:hover img{transform:scale(1.025)}
html .public-site-body .guides-product__guide-copy{padding:1rem}
html .public-site-body .guides-product__guide-copy h3{margin:.45rem 0 .55rem;color:var(--gp-text);font-size:1.25rem;line-height:1.12}
html .public-site-body .guides-product__guide-copy h3 a{color:inherit;text-decoration:none}
html .public-site-body .guides-product__guide-copy p{margin:0;color:var(--gp-muted);font-size:.82rem;line-height:1.55}

/* TOOLKIT ------------------------------------------------------------ */
html .public-site-body .guides-product__tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}
html .public-site-body .guides-product__tool-grid > a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.15rem .7rem;padding:1rem;border-right:1px solid var(--gp-soft);border-bottom:1px solid var(--gp-soft);text-decoration:none}
html .public-site-body .guides-product__tool-grid > a:nth-child(2n){border-right:0}
html .public-site-body .guides-product__tool-grid small{grid-row:1/3;color:var(--gp-cyan);font-weight:900}
html .public-site-body .guides-product__tool-grid strong{color:var(--gp-text);font-size:.9rem}
html .public-site-body .guides-product__tool-grid span{color:var(--gp-muted);font-size:.75rem}
html .public-site-body .guides-product__tool-grid > a:hover{background:#111a24}

/* STICKY RAIL -------------------------------------------------------- */
html .public-site-body .guides-product__rail{position:sticky;top:7.5rem;display:grid;gap:1rem;min-width:0}
html .public-site-body .guides-product__rail-card{overflow:hidden;border:1px solid var(--gp-line);border-radius:1rem;background:var(--gp-panel)}
html .public-site-body .guides-product__rail-head{padding:1rem;border-bottom:1px solid var(--gp-soft)}
html .public-site-body .guides-product__rail-head h2{margin:.3rem 0 0;color:var(--gp-text);font:900 1.45rem/.98 var(--font-display,sans-serif);text-transform:uppercase}
html .public-site-body .guides-product__rail-links{display:grid}
html .public-site-body .guides-product__rail-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .6rem;padding:.85rem 1rem;border-top:1px solid var(--gp-soft);text-decoration:none}
html .public-site-body .guides-product__rail-links a:first-child{border-top:0}
html .public-site-body .guides-product__rail-links a span{grid-column:1;color:var(--gp-cyan);font-size:.75rem;font-weight:900;text-transform:uppercase}
html .public-site-body .guides-product__rail-links a strong{grid-column:1;color:var(--gp-text);font-size:.8rem}
html .public-site-body .guides-product__rail-links a b{grid-column:2;grid-row:1/3;align-self:center;color:var(--gp-coral)}
html .public-site-body .guides-product__rail-links a:hover{background:#111a24}
html .public-site-body .guides-product__rail-list{display:grid;margin:0;padding:0;list-style:none}
html .public-site-body .guides-product__rail-list li{padding:.9rem 1rem;border-top:1px solid var(--gp-soft)}
html .public-site-body .guides-product__rail-list li:first-child{border-top:0}
html .public-site-body .guides-product__rail-list strong{display:block;color:var(--gp-text);font-size:.8rem}
html .public-site-body .guides-product__rail-list span{display:block;margin-top:.25rem;color:var(--gp-muted);font-size:.75rem;line-height:1.45}

html .public-site-body .guides-product__cta{margin-top:0}
html .public-site-body .guides-product__ad{margin-top:1.5rem}

/* NEWSLETTER --------------------------------------------------------- */
html .public-site-body .guides-product__newsletter{margin-top:1.5rem}
html .public-site-body .guides-product__newsletter .gts-capture--compact{
    overflow:hidden;
    border:1px solid var(--gp-line)!important;
    border-radius:1rem!important;
    border-top:1px solid var(--gp-line)!important;
    background:
        radial-gradient(circle at 88% 18%,rgba(88,224,208,.09),transparent 22rem),
        linear-gradient(112deg,#101820 0 64%,#181421 100%)!important;
    box-shadow:inset 0 -3px 0 var(--gp-cyan)!important;
}
html .public-site-body .guides-product__newsletter .gts-capture--compact::after{display:none!important}
html .public-site-body .guides-product__newsletter .gts-capture--compact .gts-capture__layout{grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr)!important;gap:2rem!important;padding:1.7rem 1.9rem!important}
html .public-site-body .guides-product__newsletter .gts-capture--compact .gts-capture__copy h2{max-width:none!important;font-size:clamp(2.4rem,4vw,4rem)!important;line-height:.9!important}
html .public-site-body .guides-product__newsletter .gts-capture--compact .gts-capture__topics{display:none!important}

@media (max-width:64rem){
    html .public-site-body .guides-product__hero{grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr)}
    html .public-site-body .guides-product__layout{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .guides-product__rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
    html .public-site-body .guides-product__finder{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .guides-product__categories,html .public-site-body .guides-product__quick-filter{max-width:none}
}

@media (max-width:48rem){
    html .public-site-body .guides-product{padding-top:1rem}
    html .public-site-body .guides-product .editorial-container{width:min(calc(100% - 1.25rem),82.5rem)}
    html .public-site-body .guides-product__hero{grid-template-columns:minmax(0,1fr);min-height:0}
    html .public-site-body .guides-product__hero-copy{padding:2rem 1.25rem}
    html .public-site-body .guides-product__hero h1{font-size:clamp(3.35rem,16vw,5.3rem)}
    html .public-site-body .guides-product__hero-visual{min-height:18rem;border-left:0;border-top:1px solid var(--gp-line)}
    html .public-site-body .guides-product__metrics{gap:.45rem}
    html .public-site-body .guides-product__finder{padding:.8rem}
    html .public-site-body .guides-product__lead{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .guides-product__lead-media{min-height:18rem;border-right:0;border-bottom:1px solid var(--gp-line)}
    html .public-site-body .guides-product__empty{grid-template-columns:minmax(0,1fr);padding:1.35rem}
    html .public-site-body .guides-product__empty-count{width:6.5rem;height:6.5rem}
    html .public-site-body .guides-product__section-head{align-items:start;flex-direction:column}
    html .public-site-body .guides-product__start-grid,html .public-site-body .guides-product__guide-grid,html .public-site-body .guides-product__tool-grid{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .guides-product__tool-grid > a{border-right:0}
    html .public-site-body .guides-product__rail{grid-template-columns:minmax(0,1fr)}
    html .public-site-body .guides-product__newsletter .gts-capture--compact .gts-capture__layout,html .public-site-body .guides-product__newsletter .gts-capture--compact .gts-capture__fields{grid-template-columns:minmax(0,1fr)!important}
}