@media(min-width:901px){.topbar .brand{flex-shrink:0;margin-inline-end:24px}.topbar .nav-links{flex-wrap:wrap;justify-content:flex-end;column-gap:18px;row-gap:10px}}
/* Audience overview: the same entry points on the homepage and public pages. */
.audience-overview { padding: 58px clamp(22px, 5vw, 76px) 64px; background: var(--paper); color: var(--forest); }
.audience-overview-heading { max-width: 1180px; margin: 0 auto 28px; }
.audience-overview-heading h2 { max-width: 680px; margin: 12px 0 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; letter-spacing: -.04em; font-weight: 500; }
.audience-overview-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(11,41,31,.2); }
.audience-overview-grid article { display: flex; flex-direction: column; padding: 30px; }
.audience-overview-grid article + article { border-inline-start: 1px solid rgba(11,41,31,.2); }
.audience-overview-grid .kicker { font-size: 9px; }
.audience-overview-grid h3 { margin: 17px 0 12px; font-size: clamp(23px, 2vw, 29px); line-height: 1.15; font-weight: 500; letter-spacing: -.035em; }
.audience-overview-grid p { margin: 0 0 25px; color: #52655b; font-size: 13px; line-height: 1.75; }
.audience-overview-grid a { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(11,41,31,.15); font-size: 12px; font-weight: 700; }
.audience-overview-grid a span { font-size: 20px; }
.audience-overview-grid a:hover { color: #526e1c; }
.audience-overview-grid a:focus-visible { outline: 2px solid var(--forest); outline-offset: 5px; }
@media (max-width: 700px) {
  .audience-overview { padding-block: 42px; }
  .audience-overview-grid { grid-template-columns: 1fr; }
  .audience-overview-grid article { padding: 26px; }
  .audience-overview-grid article + article { border-inline-start: 0; border-top: 1px solid rgba(11,41,31,.2); }
}