*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#fff;--text:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--card:#f5f5f7;--border:#d2d2d7;--radius:12px}
@media(prefers-color-scheme:dark){:root{--bg:#1d1d1f;--text:#f5f5f7;--muted:#a1a1a6;--card:#2c2c2e;--border:#3a3a3c}}
html{font:100%/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}
body{max-width:680px;margin:0 auto;padding:2rem 1.25rem 4rem}
h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}
h2{font-size:1.25rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem}
p,li{color:var(--muted);font-size:.9375rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.subtitle{color:var(--muted);font-size:1rem;margin-bottom:2rem}
.contact-box{background:var(--card);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0}
.contact-box p{color:var(--text);font-size:.9375rem}
details{border-bottom:1px solid var(--border);padding:.875rem 0}
details:first-of-type{border-top:1px solid var(--border)}
summary{font-weight:500;font-size:.9375rem;cursor:pointer;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:"+";font-size:1.125rem;color:var(--muted);transition:transform .2s}
details[open] summary::after{content:"−"}
details p{padding-top:.5rem;font-size:.875rem;line-height:1.65}
footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.8125rem;color:var(--muted);text-align:center}
footer a{color:var(--muted)}
nav{display:flex;gap:1rem;margin-top:.5rem;font-size:.8125rem}