/* Hub desktop discovery rail authority.
   Left rail = things the user actively browses: interests, local discovery categories, saved area.
   Keep this component readable at the canonical 15% rail width; do not hide interests behind
   a summary count or recreate them in the right utility rail. */

.hub-shell{
    grid-template-columns:15% minmax(0,70%) 15%;
}

.hub-discovery-rail{
    display:grid;
    gap:18px;
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.hub-discovery-rail__section{
    min-width:0;
}

.hub-discovery-rail__section + .hub-discovery-rail__section{
    padding-top:17px;
    border-top:1px solid rgba(213,190,138,.10);
}

.hub-discovery-rail__heading,
.hub-discovery-rail__area{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.hub-discovery-rail__heading h2,
.hub-discovery-rail__area h2{
    margin:0;
    color:#e9dec7;
    font:500 1.15rem/1.05 var(--font-display);
}

.hub-discovery-rail__heading>a,
.hub-discovery-rail__area>a{
    flex:0 0 auto;
    color:#c6ad75;
    font:700 .6rem var(--font-body);
    text-decoration:none;
}

.hub-discovery-rail__heading>a:hover,
.hub-discovery-rail__area>a:hover{
    color:#ecd28f;
}

.hub-discovery-rail__empty{
    margin:9px 0 0;
    color:#7e8981;
    font:.68rem/1.45 var(--font-body);
}

.hub-discovery-rail__primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    margin-top:9px;
    padding:6px 9px;
    border:1px solid rgba(190,153,78,.34);
    border-radius:7px;
    background:rgba(182,154,98,.07);
    color:#d4c29a;
    text-decoration:none;
    font:700 .61rem var(--font-body);
}

.hub-discovery-rail__interests{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
}

.hub-discovery-rail__interests a{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    max-width:100%;
    padding:5px 8px;
    border:1px solid rgba(188,149,65,.28);
    border-radius:999px;
    background:rgba(173,134,49,.07);
    color:#d2c29c;
    text-decoration:none;
    font:650 .58rem/1.2 var(--font-body);
    overflow-wrap:anywhere;
}

.hub-discovery-rail__interests a:hover,
.hub-discovery-rail__interests a:focus-visible{
    border-color:rgba(214,177,94,.62);
    background:rgba(173,134,49,.14);
    color:#f0ddad;
    outline:none;
}

.hub-discovery-rail__group{
    margin-top:17px;
}

.hub-discovery-rail__group h3{
    margin:0 0 6px;
    color:#97845b;
    font:800 .54rem var(--font-body);
    letter-spacing:.12em;
    text-transform:uppercase;
}

.hub-discovery-rail__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
}

.hub-discovery-rail__grid a{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-width:0;
    min-height:66px;
    padding:10px 11px;
    border:1px solid rgba(203,166,87,.27);
    border-radius:12px;
    background:linear-gradient(125deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    color:#ddd2bb;
    text-decoration:none;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.11);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.hub-discovery-rail__grid a:hover,
.hub-discovery-rail__grid a:focus-visible{
    transform:translateX(3px) translateY(-1px);
    border-color:rgba(226,188,101,.62);
    background:linear-gradient(125deg,rgba(172,130,45,.18),rgba(255,255,255,.03));
    color:#eee0be;
    box-shadow:0 14px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,245,213,.06);
    outline:none;
}

.hub-discovery-rail__grid a.active{
    border-color:rgba(231,195,111,.76);
    background:linear-gradient(125deg,rgba(178,134,43,.24),rgba(255,255,255,.04));
    box-shadow:inset 3px 0 #c8a45b,0 13px 30px rgba(0,0,0,.28);
}

.hub-discovery-rail__mark{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid rgba(211,174,91,.43);
    border-radius:50%;
    color:#d4b570;
    font:600 .75rem var(--font-display);
    box-shadow:inset 0 0 14px rgba(188,145,57,.09);
}

.hub-discovery-rail__copy{display:grid;gap:4px;min-width:0}.hub-discovery-rail__copy strong{color:#e7dcc5;font:650 .73rem/1.1 var(--font-body)}.hub-discovery-rail__copy small{overflow:hidden;color:#87938a;font:.55rem/1.3 var(--font-body);text-overflow:ellipsis;white-space:nowrap}

.hub-discovery-rail__feature{position:relative;display:grid;min-height:190px;margin-top:14px;padding:18px;align-content:end;overflow:hidden;border:1px solid rgba(219,181,94,.46);border-radius:16px;background:linear-gradient(180deg,transparent 5%,rgba(3,10,7,.36) 47%,rgba(3,9,7,.95)),radial-gradient(circle at 74% 14%,rgba(202,163,76,.24),transparent 32%),linear-gradient(135deg,#1a3626,#08130d);color:#f0e5cb;text-decoration:none;box-shadow:0 20px 46px rgba(0,0,0,.38),inset 0 1px rgba(255,241,201,.1);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hub-discovery-rail__feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;filter:saturate(.72) contrast(1.06);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%)}.hub-discovery-rail__feature:hover,.hub-discovery-rail__feature:focus-visible{transform:translateY(-2px);border-color:rgba(232,197,112,.72);box-shadow:0 24px 54px rgba(0,0,0,.44),0 0 30px rgba(168,127,45,.08);outline:none}.hub-discovery-rail__feature strong{position:relative;font:500 1.55rem/1.02 var(--font-display)}.hub-discovery-rail__feature-title{position:relative;margin-top:9px;color:#f2e5c8;font:650 .72rem/1.25 var(--font-body)}.hub-discovery-rail__feature small{position:relative;margin-top:4px;color:#aab3aa;font:.6rem/1.42 var(--font-body)}.hub-discovery-rail__feature em{position:relative;margin-top:6px;color:#c3a86d;font:700 .49rem var(--font-body);font-style:normal;letter-spacing:.1em;text-transform:uppercase}.hub-discovery-rail__feature b{position:relative;margin-top:14px;color:#d8bc79;font:700 .58rem var(--font-body)}.hub-discovery-rail__feature-map{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,8,.08),rgba(3,9,7,.92) 78%),repeating-radial-gradient(circle at 88% 12%,transparent 0 20px,rgba(224,194,124,.055) 21px 22px,transparent 23px 37px),linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.025) 63%,transparent 64%);opacity:.94}

.hub-discovery-rail__area{
    align-items:center;
}

.hub-left-extra{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(213,190,138,.10);
}

/* Right rail = live utility, not repeated product explanation. */
.hub-utility-rail{
    display:grid;
    gap:2px;
}

.hub-utility-rail__now{
    padding:16px;
    border:1px solid rgba(204,168,88,.3);
    border-radius:15px;
    background:radial-gradient(circle at 85% 0,rgba(191,151,65,.13),transparent 37%),linear-gradient(145deg,rgba(18,39,28,.9),rgba(4,13,9,.88));
    box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,244,211,.05);
}

.hub-utility-rail__counts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}

.hub-utility-rail__counts>a{
    display:grid;
    gap:2px;
    min-width:0;
    padding:11px;
    border:1px solid rgba(203,167,87,.23);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.18));
    color:inherit;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.hub-utility-rail__counts>a:hover,.hub-utility-rail__counts>a:focus-visible{transform:translateY(-2px);border-color:rgba(224,187,102,.58);background:rgba(168,127,44,.13);outline:none}

.hub-utility-rail__counts strong{
    color:#e9d69f;
    font:600 1.5rem/1 var(--font-display);
}

.hub-utility-rail__counts span{
    color:#89948c;
    font:650 .55rem/1.25 var(--font-body);
}

.hub-utility-rail__heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.hub-utility-rail__heading h2{
    margin:0;
    color:#e9dec7;
    font:500 1.2rem var(--font-display);
}

.hub-utility-rail__heading>a{
    color:#c6ad75;
    font:700 .6rem var(--font-body);
    text-decoration:none;
}

.hub-utility-rail__items{
    display:grid;
    margin-top:8px;
}

.hub-utility-rail__items>a{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:8px;
    align-items:start;
    padding:9px 0;
    border-bottom:1px solid rgba(213,190,138,.08);
    color:inherit;
    text-decoration:none;
}

.hub-utility-rail__items>a:last-child{
    border-bottom:0;
}

.hub-utility-rail__mark{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border:1px solid rgba(190,153,78,.26);
    border-radius:50%;
    color:#c9ad6d;
    font-size:.75rem;
}

.hub-utility-rail__items>a>span:last-child{
    display:grid;
    gap:2px;
    min-width:0;
}

.hub-utility-rail__items strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dcd2bd;
    font:700 .67rem var(--font-body);
}

.hub-utility-rail__items small{
    display:-webkit-box;
    overflow:hidden;
    color:#7f8982;
    font:.58rem/1.35 var(--font-body);
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.hub-utility-rail__items>a:hover,.hub-utility-rail__items>a:focus-visible{background:linear-gradient(90deg,rgba(180,138,50,.1),transparent);outline:none}
.hub-utility-rail__recommendation{padding-bottom:18px}.hub-utility-rail__recommendation>a{display:grid;overflow:hidden;border:1px solid rgba(204,168,87,.24);border-radius:13px;background:linear-gradient(145deg,rgba(20,39,29,.74),rgba(4,12,8,.82));color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hub-utility-rail__recommendation>a:hover,.hub-utility-rail__recommendation>a:focus-visible{transform:translateY(-2px);border-color:rgba(225,187,101,.58);box-shadow:0 18px 40px rgba(0,0,0,.3);outline:none}.hub-utility-rail__recommendation img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;filter:saturate(.82) contrast(1.03)}.hub-utility-rail__recommendation>a>span{display:grid;gap:4px;padding:12px}.hub-utility-rail__recommendation small{color:#b99f68;font:750 .49rem var(--font-body);letter-spacing:.1em;text-transform:uppercase}.hub-utility-rail__recommendation strong{color:#eee2c8;font:500 1.05rem/1.08 var(--font-display)}.hub-utility-rail__recommendation em{overflow:hidden;color:#8f9a91;font:.57rem/1.4 var(--font-body);font-style:normal;text-overflow:ellipsis}.hub-utility-rail__area-card{padding:14px;border:1px solid rgba(201,165,85,.18);border-radius:12px;background:rgba(5,15,10,.48)}.hub-utility-rail__area-card>p{margin:9px 0 0}.hub-utility-rail__room{opacity:.7}.hub-utility-rail__room>a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:inherit;text-decoration:none}.hub-utility-rail__room strong{color:#d5cbb6;font:500 .9rem var(--font-display)}.hub-utility-rail__room span{color:#af9968;font:650 .56rem var(--font-body)}

.hub-page-context{
    margin-top:4px;
}

/* Feed interests belong in the left discovery rail. The old explanatory/feed-interest
   cards remain non-authoritative page markup and are not part of the desktop utility rail. */
.hub-page-context .hub-social-summary,
.hub-page-context .hub-social-summary + .hub-side-section{
    display:none;
}

@media (max-width: 980px){
    .hub-discovery-rail{
        display:none;
    }
}

@media (prefers-reduced-motion:reduce){.hub-discovery-rail__feature,.hub-discovery-rail__grid a,.hub-utility-rail__counts>a,.hub-utility-rail__recommendation>a{transition:none}.hub-discovery-rail__feature:hover,.hub-discovery-rail__feature:focus-visible,.hub-discovery-rail__grid a:hover,.hub-discovery-rail__grid a:focus-visible,.hub-utility-rail__counts>a:hover,.hub-utility-rail__counts>a:focus-visible,.hub-utility-rail__recommendation>a:hover,.hub-utility-rail__recommendation>a:focus-visible{transform:none}}