/* Ehopto Hub onward journey: public next Ecodes even before graph edges
   exist. A next hop is exploration, never a claimed relationship. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-next-hop{
    width:100%;min-width:0;display:grid!important;gap:12px;margin:0!important;
}
.ehub-next-hop-head{
    display:flex;align-items:end;justify-content:space-between;
    flex-wrap:wrap;gap:5px 14px;min-width:0;
}
.ehub-next-hop-head h3{
    margin:3px 0 0;color:var(--hm-title,#f4f9ff);
    font-size:clamp(16px,1.65vw,20px);font-weight:760;letter-spacing:-.025em;
}
.ehub-next-hop-head p{
    margin:0;color:var(--hm-muted,#a7bdd1);font-size:11px;line-height:1.5;
    max-width:420px;min-width:0;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-next-hop > .ehub-explore-next-rail{
    display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;
    gap:11px!important;width:100%;min-width:0;max-width:100%;
    padding:3px 2px 14px;margin:0;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
    scroll-behavior:smooth;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-explore-next-card{
    display:flex;flex-direction:column;gap:0;
    flex:0 0 clamp(190px,20vw,232px)!important;
    width:clamp(190px,20vw,232px)!important;max-width:232px!important;
    min-width:0;min-height:205px;
    border:1px solid var(--hm-line,#29415c);
    border-radius:13px;overflow:hidden;
    background:var(--hm-soft,#10273d);color:var(--hm-title,#f3f9ff)!important;
    text-decoration:none!important;scroll-snap-align:start;
    transition:border-color .15s ease,background .15s ease;
}
.ehub-explore-next-card:hover{border-color:var(--hm-blue,#82c9fc)!important;background:var(--hm-surface,#132b43)!important}
.ehub-explore-next-card:focus-visible{outline:2px solid var(--hm-blue,#82c9fc);outline-offset:3px}
.ehub-explore-next-media{
    display:grid;place-items:center;position:relative;
    height:88px;width:100%;overflow:hidden;
    background:radial-gradient(ellipse at 50% 35%,#1b4565,#102238 85%);
    border-bottom:1px solid var(--hm-line,#29415c);
}
.ehub-explore-next-media img{
    position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;
    background:#0b1e32;
}
.ehub-explore-next-media img[hidden],.ehub-explore-next-media.no-image img{display:none!important}
.ehub-explore-next-initial{
    position:absolute;inset:0;display:grid;place-items:center;
    color:#a9d8f8;font-size:32px;font-weight:760;
}
.ehub-explore-next-content{display:grid;align-content:start;gap:6px;min-height:134px;padding:12px}
.ehub-explore-next-content small{
    color:var(--hm-muted,#a6bed2);font-size:10px;line-height:1.4;
}
.ehub-explore-next-content strong{
    color:var(--hm-title,#f3f9ff);font-size:13px;line-height:1.32;font-weight:750;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.ehub-explore-next-description{
    color:var(--hm-muted,#a6bed2);font-size:11px;line-height:1.45;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.ehub-explore-next-link{
    display:flex;align-items:center;justify-content:space-between;gap:9px;
    color:var(--hm-blue,#86c6fc);font-size:11px;font-weight:700;
    margin-top:auto;padding-top:7px;
}
/* A single universal title. Legacy nested discovery titles caused three
   stacked, contradictory headings and made an active shelf look empty. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-global-discover
 :is(.ehub-discover-continue-heading,.ehub-discover-more-heading){
    display:none!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-global-discover
 .ehub-discover-continue{
    padding-top:0!important;
}
@media(max-width:700px){
    html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-explore-next-card{
        flex-basis:clamp(176px,59vw,215px)!important;
        width:clamp(176px,59vw,215px)!important;
    }
    .ehub-next-hop-head{align-items:start}
    .ehub-next-hop-head p{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
    html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-explore-next-rail{
        scroll-behavior:auto!important;
    }
    .ehub-explore-next-card{transition:none!important}
}