.example-banner { background: var(--base-dark); color: var(--cream-soft); border-bottom: 1px solid rgba(216,204,191,.17); font-size: 12px; line-height: 1.5; padding: 8px 20px; text-align: center; }
/* People blocks added for the people pass; existing design tokens are inherited. */
.people-note { display: grid; gap: 28px; align-items: center; }
.people-note>div { min-width: 0; }
.people-note img { aspect-ratio: 4/5; max-width: 400px; }
.people-note .signature { margin-bottom: 24px; }
.person-card { min-width: 0; }
.person-card img { aspect-ratio: 4/5; margin-bottom: 26px; }
.person-card h3 { margin-bottom: 8px; }
.person-card p { color: var(--ink-soft); }
.person-card .person-role { margin-bottom: 18px; }
@media (min-width:769px) {
  .people-note { grid-template-columns: .75fr 1.25fr; gap: 80px; }
  .person-card img { max-width: 360px; }
}

.host-note { display: flex; gap: 18px; align-items: center; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }
.host-note img { width: 88px; height: 110px; flex-shrink: 0; }
.host-note p { font-size: 13px; margin-bottom: 0; }
.host-note .small { margin-bottom: 6px; }
