:root { --fg:#1a1a1a; --bg:#fff; --accent:#0b5cad; --muted:#555; --max:60rem; }
*{box-sizing:border-box} body{margin:0;font:1.0625rem/1.6 system-ui,sans-serif;color:var(--fg);background:var(--bg)}
.wrap{max-width:var(--max);margin:0 auto;padding:1rem}
header.wrap{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ddd}
.brand{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--fg)}
nav{display:flex;gap:1rem;flex-wrap:wrap} nav a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px} .skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.lede{font-size:1.25rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.card{border:1px solid #ddd;border-radius:.5rem;padding:1rem;margin:1rem 0}
.card img{border-radius:50%;object-fit:cover} .role{color:var(--muted);margin-top:0}
footer .disclaimer{border:1px solid var(--fg);padding:.5rem;font-size:.9rem}