/* HUMANIA question battery: one black box, themed tabs, cards with Ask + Copy (Outfit sans, gold accents). */
.humania-battery { margin: 8px 0 28px; padding: 18px 18px 14px; border: 1px solid rgba(201,162,39,.38); border-radius: 18px; background: #0B0D14; color: #E9E2DA; font-family: "Outfit", "Segoe UI", system-ui, sans-serif; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
.humania-battery .hb-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; margin: 0 0 12px; }
.humania-battery .hb-head strong { color: #fff; font-size: 1.05rem; letter-spacing: .01em; }
.humania-battery .hb-head span { color: #E8B15A; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.humania-battery .hb-tablist { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0 0 13px; border-bottom: 1px solid rgba(255,255,255,.12); }
.humania-battery .hb-tab { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 999px; cursor: pointer; font-family: inherit; font-size: 13.5px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: none; background: transparent; color: #E9E2DA; border: 1px solid rgba(201,162,39,.45); min-height: 0; height: auto; }
.humania-battery .hb-tab:hover, .humania-battery .hb-tab:focus-visible { border-color: #E8B15A; color: #fff; outline: none; }
.humania-battery .hb-tab.is-active { background: #C9A227; border-color: #C9A227; color: #05060A; }
.humania-battery .hb-count { display: inline-block; min-width: 20px; padding: 1px 6px; border-radius: 999px; background: rgba(201,162,39,.18); color: #E8B15A; font-size: 11.5px; font-weight: 700; text-align: center; }
.humania-battery .hb-tab.is-active .hb-count { background: rgba(5,6,10,.22); color: #05060A; }
.humania-battery .hb-panel[hidden] { display: none; }
.humania-battery .hb-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.humania-battery .hb-list li { display: grid; grid-template-columns: 112px 1fr auto; gap: 9px 14px; align-items: center; margin: 0; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); line-height: 1.4; }
.humania-battery .hb-tag { color: #E8B15A; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.humania-battery .hb-q { color: #F2ECE4; font-size: 15px; }
.humania-battery .hb-actions { display: flex; gap: 7px; align-items: center; }
.humania-battery .hb-ask, .humania-battery .hb-copy { display: inline-flex; align-items: center; gap: 6px; border-radius: 8px; padding: 6px 11px; font-family: inherit; font-size: 12.5px; font-weight: 700; line-height: 1.2; cursor: pointer; white-space: nowrap; text-transform: none; letter-spacing: 0; min-height: 0; height: auto; }
.humania-battery .hb-ask { background: #C9A227; border: 1px solid #C9A227; color: #05060A; }
.humania-battery .hb-ask:hover, .humania-battery .hb-ask:focus-visible { background: #E8B15A; border-color: #E8B15A; outline: none; }
.humania-battery .hb-copy { background: transparent; border: 1px solid rgba(201,162,39,.5); color: #E8B15A; }
.humania-battery .hb-copy:hover, .humania-battery .hb-copy:focus-visible { background: rgba(201,162,39,.12); outline: none; }
.humania-battery .hb-copy.copied { background: rgba(92,181,119,.14); border-color: #5cb577; color: #8fd6a4; }
.humania-battery svg { width: 14px; height: 14px; display: block; flex: 0 0 auto; }
@media (max-width: 700px) {
  .humania-battery { padding: 14px 12px 10px; }
  .humania-battery .hb-list li { grid-template-columns: 1fr; }
  .humania-battery .hb-actions { justify-content: flex-end; }
  .humania-battery .hb-tablist { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .humania-battery .hb-tab { flex: 0 0 auto; }
}