/* /about — SHARED·ABOUT (405). The page that explains the app, once. (D-555)
 *
 * Andrew: "mention it in the about us."
 *
 * 🔴 IT IS PROSE, AND IT IS SET LIKE PROSE. No cards, no chips, no icons, no boxes. Every other
 * surface in this app is a stack of tone-lifted section-cards (D-435) because every other surface
 * is a LIST OF THINGS. This one is not a list of things; it is four short answers to four fair
 * questions, and carding them would turn an explanation into an inventory.
 *
 * ⚠️ AND THERE IS NOTHING TO TAP. That is deliberate. A trust page whose sentences are all links is
 * a trust page that is trying to move you along.
 */

.abt { min-height: 100%; padding: var(--rhythm-pad); display: flex; flex-direction: column; gap: var(--space-12); }
.abt-bar { display: flex; align-items: center; justify-content: space-between; }
.abt-close { width: var(--dim-40); height: var(--dim-40); border: 0; background: 0; color: var(--text-secondary); border-radius: var(--radius-round); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.abt-close svg { width: var(--size-18); height: var(--size-18); }
.abt-close:active { opacity: 0.72; }
.abt-close:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }

.abt-eyebrow { font-family: var(--font-label); font-size: var(--size-11); font-weight: var(--weight-700); letter-spacing: var(--tracking-05); text-transform: uppercase; color: var(--accent); }
.abt-title { font-family: var(--font-display); font-weight: var(--weight-500); font-size: var(--size-28); line-height: var(--leading-115); color: var(--text-primary); margin: 0; }

.abt-sec { display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-16); }
.abt-h { font-family: var(--font-display); font-weight: var(--weight-600); font-size: var(--size-18); line-height: var(--leading-115); color: var(--text-primary); margin: 0; }
/* measure, not width: a paragraph that runs the full bezel is a paragraph nobody finishes */
.abt-p { font-family: var(--font-body); font-size: var(--size-15, 0.9375rem); line-height: var(--leading-150); color: var(--text-secondary); margin: 0; max-width: 34em; } /* token-exception: measure */