{
  "id": "remote-script",
  "title": "A chart from a CDN",
  "prompt": "Make a report that loads its chart helper from a CDN.",
  "files": [
    {
      "path": "index.html",
      "content": "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>A chart from a CDN</title><link rel=\"stylesheet\" href=\"style.css\"></head><body><main><header><small>FIGMENT PUBLISHING TEST</small><h1>A chart from a CDN</h1></header><div id=\"result\">Loading chart</div><script src=\"chart.js\"></script></main></body></html>"
    },
    {
      "path": "style.css",
      "content": "*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,sans-serif;color:#19212a;background:#f4f6f8}main{max-width:860px;margin:0 auto;padding:56px 24px}header{border-bottom:1px solid #cbd2d9;padding-bottom:24px;margin-bottom:28px}small{color:#526273}h1{font-size:36px;line-height:1.15;margin:12px 0}h2{font-size:22px}button,a,input,select{font:inherit}button,.action{display:inline-block;background:#1256c5;color:white;border:0;border-radius:5px;padding:12px 20px;text-decoration:none;cursor:pointer}input,select{padding:12px;border:1px solid #8b97a4;border-radius:4px;max-width:100%;background:white}label{display:block;margin:14px 0}output{display:block;font-size:28px;font-weight:650;margin:24px 0}section,article{padding:18px 0;border-bottom:1px solid #d8dee4}nav{display:flex;gap:20px;flex-wrap:wrap}img,canvas,iframe{max-width:100%}table{border-collapse:collapse;width:100%}td,th{padding:12px;text-align:left;border-bottom:1px solid #cbd2d9}button:focus-visible,a:focus-visible{outline:3px solid #e99222;outline-offset:3px}"
    },
    {
      "path": "chart.js",
      "content": "document.querySelector('#result').textContent='Chart ready'"
    }
  ],
  "connectOrigins": []
}