:root{--bg:#F6F7FA;--surface:#FFFFFF;--chip:#E6EAF2;--line:#D5DAE5;--text:#141A28;--text-2:#3A455E;--muted:#55607A;--link:#1B64C0;--accent:#141A28;--accent-text:#FFFFFF}
:root[data-theme=dark]{--bg:#0F1522;--surface:#131A2A;--chip:#222C44;--line:#26304A;--text:#EEF1F7;--text-2:#C9D2E3;--muted:#A3AEC4;--link:#6FB6FF;--accent:#EEF1F7;--accent-text:#0F1522}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link)}.top{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--line)}
.brand{font:700 20px 'Space Grotesk',Inter,sans-serif;letter-spacing:-.02em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.top nav{display:flex;gap:18px;margin-left:auto;font-size:15px}
main{max-width:860px;margin:0 auto;padding:24px 16px 48px}h1{font:700 clamp(28px,5vw,40px)/1.15 'Space Grotesk',Inter,sans-serif;margin:8px 0 12px;letter-spacing:-.01em}
h2{font:600 22px 'Space Grotesk',Inter,sans-serif;margin:36px 0 12px}h3{font-size:15px;margin:0 0 6px;color:var(--c)}
.crumbs{font-size:14px;color:var(--muted);margin:0}.lead{font-size:18px;color:var(--text-2);margin:0}.role{font-size:17px;color:var(--muted);margin:0 0 10px}
.hero{display:flex;gap:24px;align-items:flex-start}.hero>div{flex:1}.hero figure{margin:28px 0 0;text-align:center;flex:none}
.hero img{width:120px;height:120px;object-fit:cover;border-radius:12px;background:var(--chip)}.hero figcaption{font-size:11px}.hero figcaption a{color:var(--muted)}
.lane{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--c);margin:16px 0 0}.dot{width:9px;height:9px;border-radius:50%;background:var(--c);display:inline-block;flex:none}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:24px 0 0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:2px 0 0;font-weight:600}.facts small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.note{background:var(--chip);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text-2)}
.mini{width:100%;height:auto;margin:24px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}
.mini .grid{stroke:var(--line)}.mini .tick{fill:var(--muted);font-size:11px;text-anchor:middle}.mini .lbl{fill:var(--text);font-size:12px}.mini .lbl.self{font-weight:700}.mini .selfbar{stroke:var(--text);stroke-width:1.5}
.cta{margin:16px 0 0}.button{display:inline-block;background:var(--accent);color:var(--accent-text);padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
.dyk{padding-left:20px}.dyk li{margin:6px 0}.lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.lanes ul,.index{list-style:none;margin:0;padding:0}.lanes li,.index li{padding:6px 0;border-top:1px solid var(--line)}.lanes li span,.index li span{display:block;font-size:13px;color:var(--muted)}
.index{columns:2 260px;column-gap:28px}.index li{break-inside:avoid}.inline{line-height:1.9}.bio{color:var(--text-2)}.credit{font-size:13px;color:var(--muted)}
footer{max-width:860px;margin:0 auto;padding:16px 16px 40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:560px){.hero{flex-direction:column-reverse}.hero figure{margin:12px 0 0}.top{padding:12px 16px}}