body{font-family:system-ui,sans-serif;max-width:860px;margin:0 auto;padding:24px;line-height:1.6;color:#1b1f24}header,footer{display:flex;gap:16px;flex-wrap:wrap;align-items:center}header a,footer a{color:#0969da}h1{margin:.2em 0}.note{background:#fff8c5;border:1px solid #d4a72c;padding:12px;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border:1px solid #d0d7de;border-radius:8px;padding:16px}.btn{display:inline-block;padding:10px 18px;border-radius:6px;background:#1f883d;color:#fff;text-decoration:none}.btn.off{background:#8c959f;cursor:default}code,pre{background:#f6f8fa;border-radius:4px;padding:2px 4px}pre{padding:12px;overflow:auto}footer{margin-top:48px;border-top:1px solid #d0d7de;padding-top:16px;font-size:.9em}