/* Main menu Business options (hubtree.js v4): three cards that open under the Business card. */
.hub{position:relative}
.hb-opts{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.hub.hb-open .hb-opts{display:grid;animation:hbin .28s ease-out both}
.hub.hb-open .hub-biz{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 40px rgba(201,168,76,.12)}
@keyframes hbin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.hub-biz[data-hub-biz]{cursor:pointer}
.hub-biz button.hub-hd{all:unset;display:flex;gap:14px;align-items:center;cursor:pointer;color:inherit}
.hub-biz button.hub-hd:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
.hb-opt{border:1px solid var(--edge);border-radius:16px;background:var(--panel);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:border-color .18s,transform .18s}
.hb-opt:hover,.hb-opt:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:none}
.hb-top{display:flex;gap:12px;align-items:center}
.hb-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel2);flex:none}
.hb-ico svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-opt h3{margin:0;font-size:17px}.hb-opt p{margin:2px 0 0;font-size:13px;color:var(--soft)}
.hb-stat{font:600 13px var(--font-mono);color:var(--accent)!important;margin:0!important}
.hb-subs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.hb-sub{font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--edge);color:var(--soft);text-decoration:none}
.hb-sub:hover{border-color:var(--accent);color:var(--text,inherit)}
@media (max-width:760px){.hb-opts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hub.hb-open .hb-opts{animation:none}}
body.hidenums .hb-stat{filter:blur(6px)}