/* Ball Bouncer bio-link page. Uses the site tokens from /styles.css. */
.bb { max-width: 560px; margin: 0 auto; padding: 0 20px 56px; }
.bb h1 { font-family: var(--font-display); font-size: clamp(2.4rem, 11vw, 3.6rem); line-height: 1.05; margin: 0 0 14px; }
.bb h2 { font-family: var(--font-display); font-size: clamp(1.4rem, 6vw, 1.9rem); line-height: 1.2; margin: 0 0 12px; }
.bb-hero { padding: clamp(28px, 8vw, 56px) 0 12px; }
.bb-lead { font-size: 1.1rem; margin: 0 0 24px; }
.bb-links { list-style: none; display: grid; gap: 12px; margin: 0; padding: 0; }
.bb-link { width: 100%; min-height: 56px; justify-content: space-between; gap: 12px; padding: 12px 22px; font-size: 1rem; }
.bb-handle { font-weight: 400; font-size: 0.875rem; }
.bb-section { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line); }
.bb-section p { margin: 0 0 14px; }
.bb-mail { min-height: 52px; padding: 12px 28px; font-size: 1rem; }
.bb-fine { font-size: 0.875rem; color: var(--muted); margin: 0; }