
  .hb-lead { color:var(--muted); font-size:.95rem; }
  .hb-group { margin-top:18px; }
  .hb-group h2 { font-size:1.05rem; color:var(--accent-ink); border-left:3px solid var(--accent); padding-left:10px; }
  .hb-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(74px,1fr)); gap:8px; margin-top:10px; }
  .hb-grid a { display:block; text-align:center; padding:9px 4px; border:1px solid var(--border);
               border-radius:8px; background:var(--card-bg); color:var(--ink); text-decoration:none;
               font-size:1.05rem; min-height:44px; line-height:26px; }
  .hb-grid a:hover { background:var(--accent-soft); color:var(--accent-ink); }
  .hb-wx { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  .hb-wx a { padding:7px 14px; border-radius:8px; border:1px solid var(--border);
             background:var(--chip); color:var(--accent-ink); text-decoration:none; }
