/* © 2026 WiredType. Proprietary and confidential. Not licensed for copying or reuse. Terms: https://wiredtype.com/terms */
/* The About page (/about), built on the direction B kit (wt-kit.css). Every class starts with wab- so nothing collides with
   styles.css; the page uses no <section> element because styles.css pads every section by the page-section gap. */
.wab-page{max-width:880px;margin:0 auto;padding:40px 16px 72px;display:grid;gap:48px}
.wab-page p{margin:0}
.wab-block{display:grid;gap:14px}
.wab-block > p{max-width:65ch;color:var(--text-secondary)}
.wab-block a,.wab-page .wtk-phead__sub a{color:var(--k-accent-ink);text-decoration:underline;text-underline-offset:3px}
.wab-block a:hover{color:var(--text)}
.wab-uses{list-style:none;margin:6px 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
.wab-uses .wtk-card{gap:6px}
.wab-uses .wtk-card p{color:var(--text);font-size:var(--k-fs-17);line-height:1.5}
.wab-goal{border-radius:var(--k-card-r);padding:var(--k-card-p);background:var(--k-accent-bg)}
.wab-goal > p{color:var(--text)}
.wab-end{display:grid;gap:16px;padding-top:8px;border-top:1px solid var(--k-line)}
@container wtk (min-width:620px){.wab-uses{grid-template-columns:1fr 1fr}.wab-uses__wide{grid-column:1/-1}}
@media (min-width:821px){.wab-page{padding-top:56px;gap:56px}}