/* === bio-full === */
/* ── RSC About ── */
/* v3.11.0 Phase 1: Bar 2 bg_color resolution chain, Bar 3 typography token consumption */
.ssla-section[data-ssla-type="bio-full"]{padding:var(--paint-section-padding,100px) 0;background:var(--ssla-bg-color, var(--sc, var(--shell-bg-warm,#F3EDE4)))}
.rab-layout{display:grid;grid-template-columns:300px 1fr;grid-template-areas:"heading heading" "photo content";gap:40px 72px;align-items:start}
.rab-heading-row{grid-area:heading}
.rab-photo-wrap{grid-area:photo}
.rab-content{grid-area:content}
.rab-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px}
.rab-photo[src=""]{display:none}
.rab-heading-row h2{font-size:var(--paint-h2-size, 36px);font-weight:800;margin-bottom:0;color:var(--shell-h,currentColor)}
.rab-content p{font-size:var(--paint-body-size, 16px);color:var(--shell-m,#6b7280);line-height:var(--paint-body-line-height, 1.85);margin-bottom:14px}
.rab-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.rab-tag{padding:7px 16px;background:var(--shell-bg-warm,#FAF7F2);border:1px solid var(--shell-line,rgba(0,0,0,0.1));border-radius:100px;font-family:var(--shell-bf,"Montserrat",sans-serif);font-size:var(--paint-eyebrow-size,11.5px);font-weight:600;color:var(--shell-m,#6b7280);transition:all 0.3s}
/* v3.12.25 — false-positive correction. v3.12.24 #5 retired this hover
 * via the button-pattern script (.rab-tag matched the -tag selector).
 * But .rab-tag is a tag/label affordance, not a button — its hover
 * accent paint is intentional UX. Glenn 2026-05-21 walk: "no hover no
 * link just plain text." Restoring the v3.12.23 paint.
 */
.rab-tag:hover{border-color:var(--shell-accent,currentColor);color:var(--shell-accent,currentColor)}
.rab-tag:empty{display:none}
@media(max-width:900px){.rab-layout{grid-template-columns:1fr;grid-template-areas:"heading" "photo" "content";gap:32px}}