/* GTA6 STREET — Weekly hub density extension. Loaded directly for deployment-safe weekly composition. */
.wr-pending-dashboard {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(15rem,.8fr);
    gap:1px;
    border:1px solid var(--wr-line);
    background:var(--wr-line);
}

.wr-pending-primary,
.wr-pending-signal {
    min-width:0;
    background:var(--wr-panel);
}

.wr-pending-primary {
    padding:clamp(1.4rem,3vw,2.25rem);
    background:
        linear-gradient(120deg,rgb(78 202 197 / .08),transparent 58%),
        var(--wr-panel);
}

.wr-pending-primary h2 {
    max-width:16ch;
    margin:.35rem 0 0;
    font-family:var(--ls-display);
    font-size:clamp(2.5rem,5vw,4.7rem);
    font-weight:900;
    line-height:.86;
    text-transform:uppercase;
}

.wr-pending-primary>p:not(.wr-kicker) {
    max-width:48rem;
    margin:1rem 0 0;
    color:#aeb7c0;
    font-size:.92rem;
    line-height:1.6;
}

.wr-pending-actions {
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-top:1.25rem;
}

.wr-pending-signal {
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1.4rem;
}

.wr-pending-signal>span {
    display:grid;
    place-items:center;
    width:3.4rem;
    aspect-ratio:1;
    border:1px solid var(--wr-line-strong);
    color:var(--wr-gold);
    font-size:1.8rem;
}

.wr-pending-signal p,
.wr-pending-signal strong,
.wr-pending-signal small { display:block; }
.wr-pending-signal p {
    margin:0 0 .25rem;
    color:var(--wr-gold);
    font-size:.62rem;
    font-weight:900;
    text-transform:uppercase;
}
.wr-pending-signal strong {
    color:#fff;
    font-family:var(--ls-display);
    font-size:1.55rem;
    line-height:1;
    text-transform:uppercase;
}
.wr-pending-signal small {
    margin-top:.35rem;
    color:var(--wr-muted);
    font-size:.68rem;
    text-transform:uppercase;
}

.wr-section__intro {
    max-width:48rem;
    margin:.65rem 0 0;
    color:var(--wr-muted);
    font-size:.82rem;
    line-height:1.55;
}

.wr-toolkit-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    border:1px solid var(--wr-line);
    background:var(--wr-line);
}

.wr-toolkit-card {
    min-width:0;
    min-height:15rem;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:1.15rem;
    background:
        linear-gradient(155deg,rgb(78 202 197 / .06),transparent 45%),
        var(--wr-panel);
    text-decoration:none;
    transition:background .18s ease,transform .18s ease;
}

.wr-toolkit-card:hover {
    background:
        linear-gradient(155deg,rgb(78 202 197 / .12),transparent 48%),
        #151c24;
    transform:translateY(-2px);
}

.wr-toolkit-card>span {
    color:var(--wr-gold);
    font-size:1.65rem;
}

.wr-toolkit-card small {
    margin-top:1rem;
    color:var(--ls-aqua);
    font-size:.6rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.wr-toolkit-card h3 {
    margin:.35rem 0 0;
    color:#fff;
    font-family:var(--ls-display);
    font-size:1.7rem;
    line-height:.95;
    text-transform:uppercase;
}

.wr-toolkit-card p {
    margin:.65rem 0 1rem;
    color:#9da7b1;
    font-size:.76rem;
    line-height:1.45;
}

.wr-toolkit-card strong {
    margin-top:auto;
    color:var(--wr-gold);
    font-size:.65rem;
    text-transform:uppercase;
}

.wr-world-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    border:1px solid var(--wr-line);
    background:var(--wr-line);
}

.wr-world-card {
    min-width:0;
    background:var(--wr-panel);
}

.wr-world-card__media,
.wr-vehicle-card__media {
    display:block;
    overflow:hidden;
}

.wr-world-card__media img,
.wr-vehicle-card__media img {
    transition:transform .25s ease;
}

.wr-world-card:hover img,
.wr-vehicle-card:hover img {
    transform:scale(1.035);
}

.wr-world-card__copy,
.wr-vehicle-card__copy {
    padding:.9rem;
}

.wr-world-card__copy>span,
.wr-vehicle-card__copy>span {
    display:block;
    color:var(--ls-aqua);
    font-size:.58rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.wr-world-card h3,
.wr-vehicle-card h3 {
    margin:.3rem 0 0;
    color:#f6f7f8;
    font-family:var(--ls-display);
    font-size:1.35rem;
    line-height:1;
    text-transform:uppercase;
}

.wr-world-card h3 a,
.wr-vehicle-card h3 a { text-decoration:none; }

.wr-world-card p {
    margin:.55rem 0 0;
    color:var(--wr-muted);
    font-size:.7rem;
    line-height:1.45;
}

.wr-vehicle-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    border:1px solid var(--wr-line);
    background:var(--wr-line);
}

.wr-vehicle-card {
    min-width:0;
    background:var(--wr-panel);
}

.wr-vehicle-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-top:.65rem;
    padding-top:.6rem;
    border-top:1px solid var(--wr-line);
}

.wr-vehicle-meta small {
    overflow:hidden;
    color:var(--wr-muted);
    font-size:.65rem;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wr-vehicle-meta strong {
    flex:0 0 auto;
    color:var(--wr-gold);
    font-size:.72rem;
}

@media (max-width:72rem) {
    .wr-toolkit-grid,
    .wr-world-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .wr-vehicle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:48rem) {
    .wr-pending-dashboard { grid-template-columns:1fr; }
    .wr-pending-primary h2 { font-size:clamp(2.25rem,12vw,3.5rem); }
    .wr-toolkit-grid,
    .wr-world-grid,
    .wr-vehicle-grid { grid-template-columns:1fr; }
    .wr-toolkit-card { min-height:auto; }
    .wr-world-card,
    .wr-vehicle-card {
        display:grid;
        grid-template-columns:minmax(7.5rem,.85fr) minmax(0,1.15fr);
    }
    .wr-world-card__media .magazine-media,
    .wr-vehicle-card__media .magazine-media { height:100%; aspect-ratio:auto; }
    .wr-world-card__media img,
    .wr-vehicle-card__media img { height:100%; }
}

@media (max-width:30rem) {
    .wr-world-card,
    .wr-vehicle-card { grid-template-columns:1fr; }
    .wr-world-card__media .magazine-media,
    .wr-vehicle-card__media .magazine-media { aspect-ratio:16/10; }
}