.audience-hero, .about-hero { background: var(--section); }
.bl-role-hub { display: grid; gap: var(--s2); padding: var(--s5); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-xl); }
.bl-role-hub__record { justify-self: center; display: grid; gap: var(--s1); padding: var(--s3) var(--s4); background: var(--navy); color: var(--surface); border-radius: var(--radius); text-align: center; }
.bl-role-hub__record .bl-label { color: var(--on-dark-muted); }.bl-role-hub__line { display: none; }
.bl-role-hub__roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); }.bl-role-hub__roles a { display: grid; place-items: center; gap: var(--s1); min-width: 0; padding: var(--s3) var(--s2); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink); font-size: var(--fs-small); text-align: center; text-decoration: none; }.bl-role-hub__roles a:hover { border-color: var(--blue); }.bl-role-hub__roles small { color: var(--slate); font-size: var(--fs-label); }
.bl-scroller.audience-cards { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; }
@media (max-width: 720px) {
  .bl-scroller.audience-cards { grid-template-columns: minmax(0, 1fr); overflow: visible; margin-inline: 0; padding: 0; scroll-snap-type: none; }
  .audience-cards + .bl-scroller-dots { display: none; }
}
.audience-cards > .bl-card { min-height: 0; }.audience-card__head { display: flex; align-items: center; gap: var(--s3); }.audience-card__head .bl-h3 { margin: 0; }
.audience-cards .bl-card__foot .bl-btn { width: 100%; justify-content: center; }
.audience-cards .bl-ba__arrow .bl-icon { transform: rotate(90deg); }
.audience-context { border-top: 1px solid var(--line); }
.audience-context__note { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--s3); align-items: start; }
.audience-context__note .bl-h3 { margin: 0 0 var(--s2); }
.audience-context__note p { margin: 0; }
.founder-strip { display: grid; gap: var(--s3); margin-top: var(--s5); }
@media (min-width: 720px) { .founder-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.story-sources .bl-sources li {
  align-items: start;
}
.story-sources .bl-sources li::before {
  display: grid;
  place-items: center;
  min-height: 36px;
}
.story-sources .bl-sources li > .bl-icon-tile {
  width: 36px;
  height: 36px;
}
.story-sources .bl-sources li > div {
  min-width: 0;
  align-self: center;
}
@media (max-width: 720px) {
  .story-sources .bl-sources li {
    grid-template-columns: 24px 36px minmax(0, 1fr);
    gap: var(--s2);
  }
}
.story-deep-grid { display: grid; gap: var(--s6); align-items: start; }
.story-deep-grid h2 { margin-top: var(--s2); }
.story-deep-grid p { max-width: 70ch; line-height: 1.7; }
.story-deep-note { padding: var(--s5); background: var(--info); border-color: var(--info-line); }
.story-deep-note .bl-label { margin: 0 0 var(--s3); }
.story-deep-note ol { display: grid; gap: var(--s2); margin: 0; padding-left: 1.3em; color: var(--navy); line-height: 1.55; }
.story-deep-note p:last-child { margin: var(--s4) 0 0; color: var(--slate); font-size: var(--fs-small); }
.story-faq-grid { display: grid; gap: var(--s4); margin-top: var(--s5); }
.story-faq-grid article { padding: var(--s5); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.story-faq-grid h3 { margin: 0 0 var(--s3); font-size: var(--fs-h3); }
.story-faq-grid p { margin: 0; color: var(--slate); line-height: 1.65; }
@media (min-width: 900px) { .story-deep-grid { grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); } .story-faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }