:root{--ink:#222;--muted:#667085;--accent:#1f5f8b;--line:#e5e7eb;--bg:#fff;--soft:#f7f9fb}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}.wrap{max-width:1040px;margin:auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.nav-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.2rem;font-weight:700;color:var(--ink);text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#344054;text-decoration:none;font-size:.95rem}nav a:hover,a{color:var(--accent)}main{padding-top:52px;padding-bottom:64px}.hero{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}.profile-card{position:sticky;top:100px}.avatar{width:190px;height:190px;border-radius:50%;object-fit:cover;object-position:center 32%;display:block;margin-bottom:22px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,24,40,.12)}.profile-card h1{font-size:1.65rem;margin:.2rem 0}.profile-card p{color:var(--muted);margin:.35rem 0}.links a{display:block;margin:.35rem 0;text-decoration:none}.content h1{font-size:2.25rem;line-height:1.2;margin-top:0}.content h2{font-size:1.45rem;margin-top:2.1rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}.content h3{margin-bottom:.2rem}.lead{font-size:1.15rem;color:#344054}.tag{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;margin:.2rem .25rem .2rem 0;font-size:.9rem}.item{padding:1rem 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item-title{font-weight:700}.meta{color:var(--muted);font-size:.94rem}.button{display:inline-block;padding:.65rem 1rem;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;margin-right:.5rem}.button.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.notice{background:var(--soft);border-left:4px solid var(--accent);padding:1rem 1.2rem;border-radius:4px}.site-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem}@media(max-width:760px){.nav-wrap{align-items:flex-start;padding-top:16px;padding-bottom:16px;flex-direction:column}.hero{grid-template-columns:1fr;gap:24px}.profile-card{position:static}.avatar{width:130px;height:130px}.content h1{font-size:1.9rem}}