/* bio-block (County Attorney)
   Ported verbatim from css/components.css in the static handoff. */
.jcao-bio { background: var(--surface); }
.jcao-bio__inner { max-width: var(--max); margin-inline: auto; padding: clamp(52px, 6vw, 92px) var(--gutter); display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: clamp(24px, 2.6vw, 36px); align-items: center; }
.jcao-bio figure { margin: 0; max-width: 400px; width: 100%; border-radius: var(--r-xl); overflow: hidden; box-shadow: 0 2px 6px rgba(28,35,51,.08), 0 18px 44px rgba(28,35,51,.14); }
.jcao-bio img { width: 100%; height: auto; display: block; }
.jcao-bio p { font-size: 16.5px; line-height: 1.7; max-width: 54ch; margin: 18px 0 0; color: var(--ink-3); }
.jcao-bio__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }