:root{--navy:#1f4e79;--navy-2:#2f6db3;--ink:#24292e;--muted:#5b6772;--line:#d7e1ec;--bg:#f4f7fb;--gold:#e0a92e}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%, #eaf1fa, var(--bg));min-height:100vh;margin:0;font-family:Helvetica Neue,Arial,sans-serif}.wrap{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:48px 20px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:32px;box-shadow:0 10px 30px #1f4e7914}.card.center{text-align:center}.brand{color:var(--navy);margin:0 0 4px;font-size:24px;font-weight:800}.brand .dot{color:var(--gold)}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--navy-2);border:1px solid var(--line);background:#eef4fb;border-radius:999px;margin:4px 0 14px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.lead{color:var(--muted);max-width:46ch;margin:0 auto 20px;line-height:1.55}.fine{color:#8a97a8;margin-top:14px;font-size:12px}.error{color:#b3261e}code{color:#14395e;background:#eef2f6;border-radius:5px;padding:1px 6px;font-family:SF Mono,Consolas,monospace;font-size:.9em}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:11px 20px;font-weight:700;transition:transform 50ms,background .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:#1a4266}.btn.ghost{color:var(--navy);border-color:var(--line);background:#fff}.btn.ghost:hover{background:#f4f8fc}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar .section-tag{margin:0}.profile{align-items:flex-start;gap:22px;display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex:0 0 84px;justify-content:center;align-items:center;width:84px;height:84px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.details h2{color:var(--navy);margin:2px 0 12px}.details dl{grid-template-columns:120px 1fr;gap:6px 12px;margin:0;display:grid}.details dt{color:var(--muted);font-size:13px}.details dd{margin:0;font-size:14px}.mono{color:#33404d;font-family:SF Mono,Consolas,monospace;font-size:12px}.foot{text-align:center;color:#93a1b0;margin-top:auto;padding-top:28px;font-size:12px}@media (width<=520px){.profile{text-align:center;flex-direction:column;align-items:center}.details dl{grid-template-columns:1fr}}.appbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.brandline{color:var(--navy);font-size:16px;font-weight:700}.brandline .dot{color:var(--gold)}.tabs{gap:6px;display:flex}.tabs a{color:var(--muted);border:1px solid #0000;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}.tabs a:hover{color:var(--navy);background:#eef4fb}.tabs a.active{background:var(--navy);color:#fff}.content{flex:1}.dir section{margin-top:14px}.dir h3.sub{margin:6px 0}.dir-list{margin:0;padding:0;list-style:none}.dir-list li{border:1px solid var(--line);background:#fbfdff;border-radius:8px;flex-direction:column;gap:2px;margin-bottom:8px;padding:9px 12px;display:flex}.dir-list li b{color:var(--navy)}h3.sub{color:#23425f;text-transform:uppercase;letter-spacing:.08em;font-size:12px}