.hbp-slot {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--hbp-max-width, 1200px);
  margin: 12px auto;
  padding: 12px 16px;
  border: 1px solid var(--hbp-border, #d7dce2);
  border-radius: 8px;
  background: var(--hbp-bg, transparent);
  color: var(--hbp-text, inherit);
}
.hbp-slot * { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
.hbp-slot a { color: var(--hbp-link, inherit); text-decoration: underline; }
.hbp-slot a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.hbp-slot--sidebar { max-width: 100%; }
.hbp-slot--footer { clear: both; }
@media (max-width: 600px) {
  .hbp-slot { padding: 10px 12px; margin: 10px auto; }
}