.hb-overview-intro { max-width: 1248px; }
.hb-overview-intro h1 { max-width: 19ch; }
.hb-overview-list { padding-bottom: 80px; }
.hb-overview-list article { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-block: 40px; border-top: 1px solid var(--hb-line); scroll-margin-top: 24px; }
.hb-overview-list h2 { margin-top: 12px; }
.hb-overview-list h2 a { display: inline-block; }
.hb-overview-list h2 svg { width: 24px; height: 24px; }
.hb-overview-list .hb-text-link { display: inline-flex; gap: 12px; margin-top: 20px; min-height: 44px; align-items: center; }
.hb-overview-list a:hover { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 800px) {
  .hb-overview-list article { grid-template-columns: 1fr; gap: 20px; padding-block: 32px; }
  .hb-overview-list { padding-bottom: 48px; }
}