/*
 * /links, the bio link page: one narrow centred column of full-width buttons, as on a phone link list. Reads only the
 * Last Table tokens; the one glowing button is the page's primary action.
 */
.bio { padding: var(--lt-space-7) 0 var(--lt-space-8); }
.bio-wrap { max-width: 36rem; }
.bio-head { text-align: center; }
.bio-head .lt-lede { margin: var(--lt-space-3) auto 0; font-size: var(--lt-step-0); }
.bio-mark {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: var(--lt-space-3);
  border: 1px solid var(--lt-line-strong);
  border-radius: var(--lt-radius-pill);
  background: var(--lt-surface-2);
  color: var(--lt-text-1);
}
.bio-mark svg { width: 32px; height: 32px; }
.bio-group { margin-top: var(--lt-space-6); }
.bio-group h2 { margin: 0 0 var(--lt-space-3); text-align: center; }
.bio-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lt-space-3); }
.lt-page a.bio-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--lt-space-1);
  width: 100%;
  min-height: 56px;
  padding: var(--lt-space-3) var(--lt-space-4);
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
.bio-label { font-weight: 600; }
.bio-note { font-size: var(--lt-step--1); color: var(--lt-text-2); }
.lt-page a.lt-btn-primary .bio-note { color: inherit; }
.bio-foot { margin: var(--lt-space-6) auto 0; font-size: var(--lt-step--1); text-align: center; max-width: 30rem; }