/* Readability + scan-friendly content (no palette changes) */

.hb-section {
  padding: 56px 0;
}

@media (max-width: 768px) {
  .hb-section {
    padding: 40px 0;
  }
}

.hb-block {
  margin-top: 22px;
}

.hb-block:first-child {
  margin-top: 0;
}

.hb-prose {
  max-width: 72ch;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.hb-prose p {
  margin-bottom: 1rem;
}

.hb-prose p:last-child {
  margin-bottom: 0;
}

/* override existing justify styles on content pages */
.hb-prose .help-text,
.hb-prose .whoweare-text,
.hb-prose .what-we-do-text {
  text-align: left !important;
}

.hb-block-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--dark, #353535);
  line-height: 1.25;
}

.hb-list {
  margin: 0;
  padding-left: 1.2rem;
}

.hb-list li {
  margin: 0 0 0.6rem;
}

.hb-list li:last-child {
  margin-bottom: 0;
}

.hb-list li::marker {
  color: #008080;
}

.hb-sublist {
  margin: 0.6rem 0 0;
  padding-left: 1.1rem;
  list-style: circle;
}

.hb-sublist li::marker {
  color: #006666;
}

/* AOS: keep it subtle when used */
[data-aos].hb-reveal {
  will-change: transform, opacity;
}