:root { --ink:#0d1117; --ink2:#4b5563; --ink3:#8b939e; --accent:#0d6efd; --border:#e2e5ea; --bg:#fff; --bg-soft:#f7f8f9; }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',-apple-system,system-ui,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.wrap { max-width:720px; margin:0 auto; padding:1.25rem 1.125rem 4rem; }
.bar { display:flex; align-items:center; gap:12px; padding:14px 0 6px; }
.bar img { width:40px; height:40px; border-radius:11px; }
.bar a { font-size:19px; font-weight:700; letter-spacing:-0.2px; color:var(--ink); text-decoration:none; }
h1 { font-size:clamp(26px,5vw,34px); line-height:1.15; letter-spacing:-0.6px; margin:1.5rem 0 .35rem; }
.eff { color:var(--ink3); font-size:14px; margin:0 0 2rem; }
h2 { font-size:19px; letter-spacing:-0.2px; margin:2rem 0 .5rem; }
h3 { font-size:16px; margin:1.25rem 0 .35rem; }
p, li { color:var(--ink2); }
li { margin:.3rem 0; }
strong { color:var(--ink); }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:.75rem 0; font-size:14.5px; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--border); vertical-align:top; color:var(--ink2); }
th { color:var(--ink); font-weight:600; background:var(--bg-soft); }
.note { background:var(--bg-soft); border:1px solid var(--border); border-radius:12px; padding:14px 16px; margin:1.5rem 0; font-size:14.5px; }
footer { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--border); font-size:13.5px; color:var(--ink3); display:flex; gap:14px; flex-wrap:wrap; }
footer a { color:var(--ink3); text-decoration:none; }
footer a:hover { color:var(--ink); }