/* BeerHub category cosmos: existing BubbleBeer palette, line icons and bubble motifs. */
.hub-cosmos{position:relative;isolation:isolate;min-height:800px;margin:0 auto 24px;max-width:1132px;color:var(--tenant-text)}
.cosmos-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:var(--tenant-accent);stroke-width:.12;opacity:.3;pointer-events:none}
.cosmos-connections ellipse{stroke-dasharray:.7 1.2;opacity:.7}
.cosmos-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:220px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--tenant-line);border-radius:50%;background:radial-gradient(circle at 50% 30%,var(--tenant-panel-2),var(--tenant-bg));box-shadow:0 0 0 12px color-mix(in srgb,var(--tenant-accent) 5%,transparent),0 0 80px color-mix(in srgb,var(--tenant-accent) 12%,transparent)}
.cosmos-community{width:108px;height:90px;color:var(--tenant-accent)}
.cosmos-center h1{font-size:2rem;margin:0;letter-spacing:-.03em;color:var(--tenant-text)}
.cosmos-center p{margin:7px 18px 20px;font-size:.82rem;line-height:1.4;color:var(--tenant-muted)}
.hub-cosmos .cosmos-categories{display:contents}
.hub-cosmos a.cosmos-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:22%;max-width:245px;box-sizing:border-box;min-height:146px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border:1px solid var(--tenant-line);border-radius:25px;overflow:visible;background:linear-gradient(145deg,var(--tenant-panel-2),var(--tenant-panel));color:var(--tenant-text);text-decoration:none;box-shadow:0 8px 28px #0002;transition:border-color .15s,box-shadow .15s}
.hub-cosmos a.cosmos-node::after{display:none}
.hub-cosmos a.cosmos-node:visited{color:var(--tenant-text)}
.hub-cosmos a.cosmos-node:hover{border-color:var(--tenant-accent);box-shadow:0 8px 28px #0002,0 0 0 3px color-mix(in srgb,var(--tenant-accent) 15%,transparent)}
.hub-cosmos a.cosmos-node:focus-visible{outline:3px solid var(--tenant-text);outline-offset:4px}
.hub-cosmos .cosmos-node>strong{font-size:.97rem;line-height:1.28;overflow-wrap:anywhere;color:var(--tenant-text)}
.hub-cosmos .cosmos-icon{display:block;width:34px;height:34px;color:var(--tenant-accent)}
.cosmos-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hub-cosmos .cosmos-unread{display:grid;gap:2px;font-size:.73rem;line-height:1.4;color:var(--tenant-text)}
.cosmos-unread>span:first-child{color:var(--tenant-muted)}
.cosmos-unread b{font-size:.83rem;color:var(--tenant-text)}
.hub-cosmos .cosmos-activity{font-size:.69rem;line-height:1.4;color:var(--tenant-muted)}
.hub-cosmos .cosmos-reactions{font-size:.73rem;color:var(--tenant-text)}
html[data-color-mode="light"] .cosmos-icon{color:#075f6c}
@media(max-width:999px){
 .hub-cosmos{min-height:0;display:flex;flex-direction:column;gap:30px;max-width:760px}
 .cosmos-connections{display:none}
 .cosmos-center{position:static;transform:none;align-self:center;flex:none;width:200px;min-height:200px}
 .hub-cosmos .cosmos-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .hub-cosmos a.cosmos-node{position:static;transform:none;max-width:none;width:auto;min-height:156px}
 .hub-cosmos a.cosmos-node:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}
}
@media(max-width:599px){
 .hub-cosmos{gap:24px}
 .hub-cosmos .cosmos-categories{display:flex;flex-direction:column;gap:12px}
 .hub-cosmos a.cosmos-node,.hub-cosmos a.cosmos-node:last-child{position:relative;left:auto;top:auto;flex:none;width:100%;min-height:112px;display:flex;align-items:flex-start;text-align:left;padding:16px 16px 16px 70px;border-radius:20px}
 .hub-cosmos .cosmos-node>.cosmos-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%)}
 .hub-cosmos .cosmos-node>strong,.hub-cosmos .cosmos-node>.cosmos-unread,.hub-cosmos .cosmos-node>.cosmos-activity,.hub-cosmos .cosmos-node>.cosmos-reactions{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.hub-cosmos a.cosmos-node{transition:none}}