@font-face{font-family:"Noto Sans";font-weight:400;font-display:swap;src:url(/fonts/noto-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Noto Sans";font-weight:600;font-display:swap;src:url(/fonts/noto-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Noto Sans";font-weight:700;font-display:swap;src:url(/fonts/noto-sans-latin-700-normal.woff2) format("woff2")}
:root{--bg:#fff;--fg:#111;--mute:#5B6470;--accent:#0F766E;--rule:color-mix(in srgb,var(--accent) 30%,transparent)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101214;--fg:#f2f4f5;--mute:#9aa3ad;--accent:#2fb5a6}}
:root[data-theme=dark]{--bg:#101214;--fg:#f2f4f5;--mute:#9aa3ad;--accent:#2fb5a6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.7 "Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem}
.wrap.wide{max-width:56rem}
a{color:var(--accent);text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
h1{font-size:2rem;line-height:1.2;margin:0;letter-spacing:-.01em}
h2{font-size:1.1rem;font-variant:small-caps;color:var(--accent);margin:3rem 0 .5rem;display:flex;align-items:center;gap:.75rem}
h2::after{content:"";flex:1;height:1px;background:var(--rule)}
.top{display:flex;justify-content:space-between;align-items:center;height:2.4rem;margin-bottom:2.5rem}
.back{text-decoration:none;color:var(--mute);font-size:.95rem}.back:hover{color:var(--accent)}
.tools{display:flex;align-items:center;gap:1.1rem;height:2.4rem;margin-left:auto}
.ic{background:none;border:0;padding:0;cursor:pointer;color:var(--fg);display:inline-flex;transition:color .15s}
.ic:hover{color:var(--accent)}
.ic svg{width:1.4rem;height:1.4rem;fill:currentColor}
.hero{display:grid;grid-template-columns:1fr 10rem;column-gap:2rem;grid-template-areas:"name tools" "info photo";align-items:start}
.hero h1{grid-area:name;align-self:center}
.hero .tools{grid-area:tools}
.info{grid-area:info;padding-top:.25rem}
.photo{grid-area:photo;width:10rem;height:10rem;object-fit:cover;border-radius:4px;margin-top:.5rem;display:block}
.role{color:var(--accent);font-weight:700;font-size:1.2rem;margin:0}
.mute,.tag{color:var(--mute)}
.sep{color:var(--accent);margin:0 .6em}
.meta{margin:.15rem 0 1.5rem;color:var(--mute);font-size:.95rem}
.info p{margin:0 0 1rem}
.cs{display:block;padding:1.1rem 0;border-top:1px solid var(--rule);color:inherit;text-decoration:none}
.cs:last-of-type{border-bottom:1px solid var(--rule)}
.cs .t{font-weight:600;font-size:1.1rem;display:block;color:var(--accent);text-underline-offset:.2em}
.cs:hover .t{text-decoration:underline}
.cs .c{font-size:.9rem;color:var(--mute);display:block}
.cs .d{display:block;margin-top:.35rem}
.cs .s{display:block;margin-top:.25rem;font-size:.9rem;color:var(--mute)}
.links{margin-top:1.5rem}
.btns{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0}
.btn{display:inline-block;padding:.4rem 1rem;border:1px solid var(--accent);border-radius:4px;text-decoration:none;font-size:.95rem}
.btn:hover,.btn.f{background:var(--accent);color:var(--bg)}
.pdf{width:100%;height:85vh;min-height:40rem;border:1px solid var(--rule);border-radius:4px}
dl.facts{display:grid;grid-template-columns:7rem 1fr;gap:.3rem 1rem;margin:1.5rem 0;font-size:.95rem}
dl.facts dt{color:var(--mute)}dl.facts dd{margin:0}
.todo{border:1px dashed var(--rule);padding:.6rem .9rem;color:var(--mute);border-radius:4px;font-size:.95rem}
.pn{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;font-size:.95rem}
footer{margin-top:4rem;color:var(--mute);font-size:.9rem}
@media(max-width:34rem){.hero{grid-template-columns:1fr auto;grid-template-areas:"name tools" "photo photo" "info info"}.photo{width:8rem;height:8rem;margin:1rem 0 .5rem}dl.facts{grid-template-columns:1fr;gap:0}dl.facts dd{margin-bottom:.6rem}}