.hb-a2hs {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  margin: 16px 0;
  padding: 14px 16px 8px;
  border: 1px solid var(--border, var(--line, #e5e5ea));
  border-radius: var(--hb-radius-md, 12px);
  background: var(--surface-alt, var(--surface, #fbfbfd));
  color: var(--text, var(--ink, #1d1d1f));
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  overflow-wrap: anywhere;
}
.hb-a2hs .hb-a2hs__heading { margin: 0 0 6px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.hb-a2hs__body { color: var(--muted, #515154); font-size: 14px; line-height: 1.5; }
.hb-a2hs ol { margin: 0; padding-left: 20px; }
.hb-a2hs li { margin: 3px 0; }
.hb-a2hs svg { display: inline-block; vertical-align: -3px; }
.hb-a2hs button {
  min-height: 44px;
  max-width: 100%;
  padding: 9px 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
  cursor: pointer;
}
.hb-a2hs .hb-a2hs__install { color: var(--focus, var(--accent, #0066cc)); font-weight: 600; }
.hb-a2hs .hb-a2hs__dismiss { color: var(--muted, #515154); text-decoration: underline; text-underline-offset: 3px; }
.hb-a2hs button:focus-visible { outline: 2px solid var(--focus, var(--accent, #0066cc)); outline-offset: 3px; border-radius: 3px; }
.hb-a2hs--compact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted, #515154);
  font-size: 12px;
  line-height: 1.4;
}
.hb-a2hs--compact .hb-a2hs__body, .hb-a2hs--compact button { font-size: inherit; line-height: inherit; }
.hb-a2hs--compact button { flex: none; padding: 0; }
.hb-a2hs--compact svg { width: 16px; height: 16px; }
/* Both hosts supply light/dark tokens, including explicit data-theme overrides. */