@elitedcs/ghl-mcp 3.72.2 → 3.73.0

package/dist/assessment.html

@@ -0,0 +1,789 @@
+<title>Assessment</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral:wght@600&family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap">
+<style>
+:root{--ground:#F7F8FA;--panel:#EDEFF3;--panel-2:#E4E8EE;--paper:#FFF;--ink:#14171F;--muted:#4A5163;
+--rule:#D8DDE5;--accent:#1F4E79;--soft:#1f4e7914;--stop:#9A3324;--go:#1D6B4A;--warn:#8A5300;
+--shadow:0 1px 2px #14171f0d,0 8px 24px #14171f0a}
+@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0E1116;--panel:#161B22;
+--panel-2:#1D242E;--paper:#12171E;--ink:#E9ECF1;--muted:#9AA4B4;--rule:#262E39;--accent:#79B0E8;
+--soft:#79b0e81f;--stop:#E8867A;--go:#6FCB9F;--warn:#E0A64A;--shadow:0 1px 2px #0007,0 8px 24px #0005}}
+:root[data-theme=dark]{--ground:#0E1116;--panel:#161B22;--panel-2:#1D242E;--paper:#12171E;--ink:#E9ECF1;
+--muted:#9AA4B4;--rule:#262E39;--accent:#79B0E8;--soft:#79b0e81f;--stop:#E8867A;--go:#6FCB9F;
+--warn:#E0A64A;--shadow:0 1px 2px #0007,0 8px 24px #0005}
+html{font-size:21px}*{box-sizing:border-box}
+body{margin:0;background:var(--ground);color:var(--ink);font-family:"Public Sans",-apple-system,sans-serif;
+font-size:1rem;line-height:1.5}
+.tsz{position:fixed;top:.4rem;right:.4rem;z-index:70;display:flex;gap:.2rem;background:var(--panel);
+border:1px solid var(--rule);border-radius:.3rem;padding:.14rem;box-shadow:var(--shadow)}
+.tsz button{font-family:"JetBrains Mono",monospace;font-size:.6rem;min-width:1.7rem;padding:.28rem .16rem;
+cursor:pointer;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:.2rem}
+.top{background:var(--paper);border-bottom:1px solid var(--rule);padding:.6rem .9rem;position:sticky;top:0;z-index:50}
+.topin{max-width:60rem;margin:0 auto;display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap}
+.topin h1{font-family:Spectral,Georgia,serif;font-size:1.05rem;margin:0;font-weight:600}
+.who{color:var(--muted);font-size:.78rem}
+.live{margin-left:auto;display:flex;gap:1rem;font-family:"JetBrains Mono",monospace;font-size:.72rem}
+.live b{display:block;font-size:.92rem;font-weight:500}
+.live .m{color:var(--stop)}.live .h{color:var(--accent)}.live .p{color:var(--muted)}
+.tabs{max-width:60rem;margin:0 auto;display:flex;gap:.3rem;padding:.5rem .9rem 0}
+.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:.3rem .5rem;
+cursor:pointer;font:inherit;font-size:.82rem;color:var(--muted)}
+.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
+.main{max-width:60rem;margin:0 auto;padding:.9rem;display:grid;grid-template-columns:13rem 1fr;gap:1rem}
+@media(max-width:760px){.main{grid-template-columns:1fr}}
+.rail{align-self:start;position:sticky;top:4.2rem}
+@media(max-width:760px){.rail{position:static;display:flex;overflow-x:auto;gap:.3rem}}
+.rail button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit;
+font-size:.76rem;color:var(--muted);padding:.32rem .45rem;border-radius:.22rem;line-height:1.3}
+@media(max-width:760px){.rail button{white-space:nowrap;width:auto}}
+.rail button.on{background:var(--accent);color:var(--paper);font-weight:600}
+.rail button:hover:not(.on){background:var(--soft);color:var(--accent)}
+.rail .c{font-family:"JetBrains Mono",monospace;font-size:.6rem;opacity:.75;float:right}
+.intro{color:var(--muted);font-size:.85rem;font-style:italic;margin:0 0 .8rem;max-width:60ch}
+h2{font-family:Spectral,Georgia,serif;font-size:1.16rem;margin:0 0 .15rem;font-weight:600}
+.q{background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--rule);
+border-radius:.3rem;padding:.6rem .75rem;margin:.5rem 0}
+.q.done{border-left-color:var(--go)}.q.skip{border-left-color:var(--muted);opacity:.72}
+.q .ask{font-size:.9rem;font-weight:600;margin:0 0 .2rem}
+.q .probe{font-size:.76rem;color:var(--muted);font-style:italic;margin:0 0 .35rem}
+.q .why{font-size:.73rem;color:var(--muted);margin:.3rem 0 0;display:none}
+.q.open .why{display:block}
+.row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
+input.a,select.a,textarea.a{background:var(--ground);border:1px solid var(--rule);border-radius:.22rem;
+padding:.3rem .45rem;font:inherit;font-size:.84rem;color:var(--ink);max-width:11rem}
+textarea.a{max-width:100%;width:100%;min-height:2.6rem}
+input.a:focus,select.a:focus,textarea.a:focus{outline:2px solid var(--accent);outline-offset:1px}
+.unit{font-family:"JetBrains Mono",monospace;font-size:.68rem;color:var(--muted)}
+.mini{background:none;border:1px solid var(--rule);border-radius:.2rem;padding:.2rem .45rem;cursor:pointer;
+font:inherit;font-size:.7rem;color:var(--muted)}
+.mini:hover{border-color:var(--accent);color:var(--accent)}
+.mini.on{background:var(--panel-2);color:var(--ink)}
+.card{background:var(--paper);border:1px solid var(--rule);border-radius:.35rem;padding:.8rem .9rem;
+margin:.6rem 0;box-shadow:var(--shadow)}
+table{border-collapse:collapse;width:100%;font-size:.8rem}
+th,td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--rule);vertical-align:top}
+th{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
+.num{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
+th.num{text-align:right}
+.note{background:var(--panel);border-left:3px solid var(--accent);border-radius:.22rem;padding:.5rem .65rem;
+margin:.5rem 0;font-size:.79rem}
+.note.warn{border-left-color:var(--warn)}.note.go{border-left-color:var(--go)}.note.stop{border-left-color:var(--stop)}
+.note b{display:block;margin-bottom:.1rem}
+.btn{background:var(--accent);color:var(--paper);border:none;border-radius:.22rem;padding:.4rem .8rem;
+font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
+.btn.ghost{background:none;color:var(--accent);border:1px solid var(--rule)}
+.btnrow{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
+.assume{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.35rem 0;
+border-bottom:1px solid var(--rule);font-size:.82rem}
+.hide{display:none}
+</style>
+
+<div class="tsz"><button id="td">A&minus;</button><button id="tu">A+</button></div>
+
+<div class="top"><div class="topin">
+  <h1 id="bizname">New assessment</h1>
+  <span class="who" id="bizmeta"></span>
+  <div class="live">
+    <div class="p"><b id="lProg">0/46</b>answered</div>
+    <div class="h"><b id="lHrs">&mdash;</b>hrs/week</div>
+    <div class="m"><b id="lMon">&mdash;</b>/month</div>
+  </div>
+</div></div>
+<div class="tabs">
+  <button data-t="ask" class="on">Ask</button>
+  <button data-t="set">Assumptions</button>
+  <button data-t="find">Findings</button>
+  <button data-t="rep">Report</button>
+</div>
+
+<div class="main">
+  <nav class="rail" id="rail"></nav>
+  <div id="body"></div>
+</div>
+
+<script>
+/**
+ * The assessment engine — the ONE place the questions and the findings maths live.
+ *
+ * Plain JavaScript with a single export block at the end, because it has two
+ * consumers with incompatible needs: the test suite imports it, and build-app.mjs
+ * inlines it into app.html (which must stay a single self-contained file, since
+ * Command OS serves it from the operator's own machine with no build step and no
+ * network). The build strips the export block; nothing else about the file changes.
+ *
+ * It existed as two copies for one day — once here and once inside app.html — and
+ * two copies of a rule that decides what a client is told is a defect waiting to
+ * happen, so it is one copy now.
+ */
+
+var AREAS = [
+  ["money", "What the work is worth", "Before anything else I need two numbers, because everything today gets multiplied by them."],
+  ["phone", "The phone", "Let's start where most of it goes."],
+  ["speed", "How fast anyone replies", "Now the enquiries that don't come by phone."],
+  ["repeat", "The same questions, again", "This one is about your time rather than your money."],
+  ["quotes", "After the quote goes out", "Walk me through what happens after you send a price."],
+  ["booking", "Getting them in the diary", "How does an appointment actually get made?"],
+  ["dormant", "Everyone who went quiet", "Now the cheapest money in the building, and the part nobody works."],
+  ["reviews", "What people see about you", "Your reviews, and how they happen."],
+  ["website", "What your website does", "What the site is actually for."],
+  ["found", "Whether you get found", "And how people arrive in the first place."],
+  ["week", "Your own week", "Last part, and it's about you rather than the business."]
+];
+
+var Q = [
+  ["avg_value","money","When you win a job, what's it worth on average?","Give me the middle of it. Not your best month, not the tiny ones.","currency","Every finding today gets multiplied by this. Without it I can't put a number on anything."],
+  ["close_rate","money","When you actually get someone talking properly, how often does that turn into work?","Out of ten real conversations, how many buy?","rate","Turns a lost enquiry into a lost job rather than a lost phone call."],
+  ["margin_basis","money","Do you want me to work in what the job brings in, or what you keep?","","text","The report says which one it used, every time."],
+  ["capacity","money","If I found you thirty percent more work tomorrow, could you do it?","What breaks first, crews or trucks or you?","text","If they can't deliver more, the whole report points at margin and time instead of volume."],
+
+  ["calls_month","phone","Roughly how many calls come in on a normal month?","Think about a busy Tuesday and work out from there.","count","The base for everything else on the phone."],
+  ["calls_missed","phone","How many of those go to voicemail or just ring out?","What happens when you're up a ladder and it rings?","count","The most common leak, and the one owners underestimate most."],
+  ["missed_never_return","phone","Of the ones you miss, how many never call back?","Half? More?","rate","This is what stops us overclaiming. We only count the ones you genuinely lose."],
+  ["who_answers","phone","Who answers the phone when it rings?","And what were they doing before it rang?","text","If it's you, this is a time finding as well as a money one."],
+  ["after_hours_calls","phone","What share of your calls come in outside working hours?","Evenings and weekends. Storm season?","rate","Separates a staffing problem from an automation one."],
+  ["voicemail_fate","phone","When someone does leave a voicemail, what happens to it?","","text","'I get to them at night' is the after-hours finding in their own words."],
+
+  ["nonphone_month","speed","How many enquiries a month come in some other way? Form, text, Facebook.","","count","Counted separately from calls so nobody gets counted twice."],
+  ["first_response","speed","From one of those landing to a real person replying, how long is that usually?","Same hour? Same day? Next morning?","minutes","The gap between arriving and being answered is where enquiries go cold."],
+  ["waited_month","speed","How many a month sit overnight before anyone replies?","","count","The slow-response finding is priced on this count, not on your average."],
+  ["reply_channel","speed","When you do reply, do you call them or write back?","","text","Shapes what we'd build, not what we'd charge."],
+
+  ["repeat_questions","repeat","What are the three questions you answer over and over every week?","The ones where you know the answer before they finish asking.","text","Every one of these is a job a machine does perfectly and you do resentfully."],
+  ["repeat_time","repeat","How much of your week goes on answering those?","","hours","Straight into the hours number."],
+  ["who_fields","repeat","Who fields them, you or someone else?","","text","If it's a person on payroll, this finding has a salary attached."],
+
+  ["quotes_month","quotes","How many quotes or estimates go out in a month?","","count","These are your warmest people. They already talked to you."],
+  ["quotes_won","quotes","How many of those turn into work?","","count","The gap between sent and won is the follow-up finding."],
+  ["quote_followup","quotes","What happens to a quote after you send it?","Be honest. Does anything chase it, or is it on them to call you?","text","'Nothing' is the most common answer in this whole assessment."],
+  ["quote_time","quotes","How many hours a week go on putting quotes together?","","hours","Quoting is often the biggest single block of hours we find."],
+  ["quote_delay","quotes","How long between the site visit and them getting the price?","","text","A quote that arrives four days later competes with three that arrived first."],
+
+  ["booked_month","booking","How many appointments or site visits get booked in a month?","","count","The base for the no-show finding."],
+  ["show_rate","booking","Of those, how many actually happen?","Nobody home, cancelled last minute, forgot.","rate","A no-show is a job you paid to get twice."],
+  ["reminders","booking","Does anything remind them before the appointment?","","text","If the answer is 'I text them myself', that's both a time and a money finding."],
+  ["noshow_fate","booking","When someone no-shows, what happens next?","","text","'Nothing' means the rebooking finding is real."],
+
+  ["dormant_count","dormant","How many people are sitting in your system who enquired once and never went anywhere?","Old quotes, old customers, people who called in 2023.","count","These people already raised their hand once. The cheapest money you have."],
+  ["dormant_worked","dormant","Has anyone ever gone back to that list?","","text","If nothing has ever been sent, the whole list is untouched revenue."],
+  ["past_customers","dormant","How many are past customers rather than people who never bought?","","count","Past customers convert far better, and they need a different message."],
+  ["repeat_cycle","dormant","How often would a past customer normally need you again?","","text","Decides whether reactivation is a one-off campaign or a standing programme."],
+
+  ["review_count","reviews","How many Google reviews do you have?","","count","The number a new customer sees before they call you."],
+  ["review_ask","reviews","How do you ask for a review at the moment?","Who remembers to do it, and when?","text","'When I remember' is why the newest one is months old."],
+  ["review_reply","reviews","Do you reply to them?","","text","An unanswered bad review is the first thing a new customer reads."],
+  ["review_time","reviews","How many hours a week go on chasing reviews?","","hours","Small on its own. Adds up with the rest."],
+
+  ["site_job","website","What do you want someone to do when they land on your site?","Call, book, fill something in?","text","Most sites do not do the thing the owner assumes they do."],
+  ["site_capture","website","Can someone book you from the website without speaking to anyone?","","text","If not, every after-hours visitor is gone."],
+  ["site_leads","website","How many enquiries a month come from the site itself?","","count","Against traffic this gives the conversion finding, scoped to your trade."],
+  ["site_age","website","When was the site last touched?","","text","Decides rebuild versus repair."],
+
+  ["lead_sources","found","Where does your work actually come from? Rank them.","Word of mouth, Google, Facebook, repeat, trucks?","text","Tells us which leak matters most before we price any of them."],
+  ["paid_spend","found","Are you spending anything on advertising each month?","","currency","If they are, every leak we find is also wasted ad spend."],
+  ["gbp_status","found","Do you manage your Google listing yourself?","","text","The cheapest visibility fix there is, and usually neglected."],
+
+  ["admin_hours","week","How many hours a week go on paperwork and admin rather than actual work?","Including the bits you do at night.","hours","The number the whole hours promise is measured against."],
+  ["evening_work","week","How much of that happens after dinner?","","hours","The answer that makes owners sit up. Part of the number above, not extra."],
+  ["stop_doing","week","If you could stop doing one thing tomorrow and never do it again, what is it?","","text","Their priority in their words. It leads the roadmap even if it isn't the biggest number."],
+  ["team_size","week","Who else is in the business?","","count","Decides whether a fix is automation or delegation."],
+  ["growth_goal","week","What would a good twelve months look like?","A number, if you have one.","text","The report closes against their goal, not ours."]
+];
+
+var ASSUMPTIONS = [
+  ["recovery","How much of the leak we actually stop",0.5,"Assumes we recover half of what is leaking. Your number, and the most important one here."],
+  ["quote_recovery","Chasing an unclosed quote recovers",0.10,"Assumes chasing recovers 1 in 10. Your number, not ours."],
+  ["response_penalty","Fall-off once an enquiry has waited",0.25,"Assumes a 25% fall-off once they have waited. Your number."],
+  ["noshow_recovery","A no-show that gets rebooked",0.50,"Assumes half could be rebooked. Your number."],
+  ["reactivation","Dormant contacts who respond",0.02,"Assumes 2% come back. Your number. One-off, not annual."]
+];
+
+/**
+ * Hours questions that feed the weekly total. evening_work is deliberately NOT
+ * here: it asks how much of admin_hours happens after dinner, so adding it would
+ * count the same hours twice. It is a headline, not an addend.
+ */
+var HOUR_KEYS = [
+  ["repeat_time", "Answering the same questions"],
+  ["quote_time", "Putting quotes together"],
+  ["review_time", "Chasing reviews"],
+  ["admin_hours", "Paperwork and admin"]
+];
+
+/** The two answers without which nothing at all can be priced. */
+var PRICING_CORE = ["avg_value", "close_rate"];
+
+/** id -> unit, so number parsing can be unit-aware. Built from Q, never hand-listed. */
+var UNIT = {};
+Q.forEach(function (q) { UNIT[q[0]] = q[4]; });
+
+/**
+ * Parse a number the way the person typing it meant it.
+ *
+ * The trap this exists for: an owner outside the US types 6.800 meaning six
+ * thousand eight hundred. Read naively that is 6.8, and the report tells them
+ * their business leaks $24 a month instead of $24,412 — plausible, silent, and
+ * completely wrong, on their own letterhead. So a dot used as a THOUSANDS
+ * separator (digits in exact groups of three) is stripped, and only for units
+ * where that grouping is possible. A rate is never grouped, so 0.500 stays 0.5.
+ */
+function parseTyped(text, unit) {
+  var t = String(text).trim().replace(/[^0-9.,\-]/g, "");
+  if (t === "" || t === "-") return NaN;
+  var grouped = unit !== "rate";
+  if (grouped && /^-?\d{1,3}(\.\d{3})+$/.test(t)) t = t.replace(/\./g, "");   // 6.800 -> 6800
+  if (grouped && /^-?\d{1,3}(,\d{3})+(\.\d+)?$/.test(t)) t = t.replace(/,/g, ""); // 6,800.50 -> 6800.50
+  t = t.replace(/,/g, ".");                                                        // 6,5 -> 6.5
+  var parts = t.split(".");
+  if (parts.length > 2) return NaN;   // 6.800.500 is not a number we will guess at
+  return parseFloat(t);
+}
+
+/**
+ * Read an assumption the operator typed, in the same way an answer is read.
+ *
+ * These went through a bare parseFloat until 2026-08-30, which meant an operator
+ * typing 0,5 got 0 — and an assumption of zero DROPS its finding. So the report
+ * quietly lost a finding because of a comma, and said nothing about it. Same
+ * class as the 6.800 bug, one screen over.
+ */
+function parseRate(text) {
+  var n = parseTyped(text, "rate");
+  if (!isFinite(n) || n < 0) return 0;
+  return n > 1 ? n / 100 : n;
+}
+
+/**
+ * Compute findings from raw answers.
+ *   ans  { id: value as typed }
+ *   skip { id: true } when the operator marked it unknown
+ *   asm  { id: rate as a decimal }
+ * A value is only usable when it is present, not skipped, and finite. Anything
+ * else is treated as unknown, and an unknown OMITS its finding rather than
+ * being defaulted from the industry.
+ */
+function compute(ans, skip, asm) {
+  ans = ans || {}; skip = skip || {}; asm = asm || {};
+
+  function raw(id) {
+    if (skip[id]) return null;
+    var v = ans[id];
+    if (v === undefined || v === null || String(v).trim() === "") return null;
+    var n = parseTyped(v, UNIT[id]);
+    return isFinite(n) ? n : null;
+  }
+  /** A share typed as either 28 or 0.28. Anything outside 0..1 after scaling is not a share. */
+  function share(id) {
+    var n = raw(id);
+    if (n === null) return null;
+    var r = n > 1 ? n / 100 : n;
+    return r >= 0 && r <= 1 ? r : null;
+  }
+  function a(k) { var n = Number(asm[k]); return isFinite(n) && n > 0 ? n : 0; }
+
+  var v = raw("avg_value"), c = share("close_rate");
+  var core = v !== null && v > 0 && c !== null && c > 0;
+  var F = [], O = [];
+
+  function add(id, title, needs, assumption, fn, fix) {
+    var missing = needs.filter(function (n) {
+      return (n.share ? share(n.id) : raw(n.id)) === null;
+    }).map(function (n) { return n.id; });
+    if (!core) { O.push({ id: id, title: title, missing: PRICING_CORE.filter(function (k) { return (k === "avg_value" ? v : c) === null; }) }); return; }
+    if (missing.length) { O.push({ id: id, title: title, missing: missing }); return; }
+    if (assumption && a(assumption) === 0) { O.push({ id: id, title: title, missing: [], declined: assumption }); return; }
+    var m = fn();
+    if (!isFinite(m) || m < 0) { O.push({ id: id, title: title, missing: needs.map(function (n) { return n.id; }) }); return; }
+    // Zero is not a finding. Listing "Quotes nobody chases — $0" pads a client
+    // document with things that are not happening.
+    if (m === 0) { O.push({ id: id, title: title, missing: [], reason: "nothing to price here on your numbers" }); return; }
+    F.push({ id: id, title: title, monthly: m, assumption: assumption || null, fix: fix });
+  }
+
+  add("missed", "Calls you never get back to",
+    [{ id: "calls_missed" }, { id: "missed_never_return", share: true }], null,
+    function () { return raw("calls_missed") * share("missed_never_return") * c * v; },
+    "Call answering, day and night");
+
+  add("waited", "Enquiries that waited",
+    [{ id: "waited_month" }], "response_penalty",
+    function () { return raw("waited_month") * a("response_penalty") * c * v; },
+    "Instant reply on every channel");
+
+  // quotes_won > quotes_month means the two answers disagree. Clamping to zero
+  // would hide a contradiction the operator needs to go back and resolve.
+  if (core && raw("quotes_month") !== null && raw("quotes_won") !== null && raw("quotes_won") > raw("quotes_month")) {
+    O.push({ id: "quotes", title: "Quotes nobody chases", missing: [],
+      reason: "you told us more quotes were won than were sent — worth checking before this is priced" });
+  } else {
+    add("quotes", "Quotes nobody chases",
+      [{ id: "quotes_month" }, { id: "quotes_won" }], "quote_recovery",
+      function () { return (raw("quotes_month") - raw("quotes_won")) * a("quote_recovery") * v; },
+      "Follow-up that runs itself");
+  }
+
+  add("noshow", "No-shows nobody rebooks",
+    [{ id: "booked_month" }, { id: "show_rate", share: true }], "noshow_recovery",
+    function () { return raw("booked_month") * (1 - share("show_rate")) * a("noshow_recovery") * c * v; },
+    "Reminders and rebooking");
+
+  var monthly = F.reduce(function (s, f) { return s + f.monthly; }, 0);
+  var stop = monthly * a("recovery");
+
+  var oneoff = null;
+  if (core && raw("dormant_count") !== null && a("reactivation") > 0) {
+    oneoff = raw("dormant_count") * a("reactivation") * c * v;
+  }
+
+  var hrs = [];
+  HOUR_KEYS.forEach(function (p) { var n = raw(p[0]); if (n !== null && n >= 0) hrs.push({ id: p[0], t: p[1], h: n }); });
+  var hrsWk = hrs.reduce(function (s, x) { return s + x.h; }, 0);
+
+  var verdict, line;
+  if (!core) {
+    verdict = "insufficient";
+    line = "We could not put a number on anything yet, because the figures everything else is priced against are not known.";
+  } else if (!F.length) {
+    verdict = "insufficient";
+    line = "We could not price a single leak from the numbers available.";
+  } else if (monthly < v) {
+    // Thin is measured against THEIR average job: everything found together is
+    // worth less than one new customer a month. Never a benchmark, never a fee.
+    verdict = "thin";
+    line = "Everything we found together is worth less than one new customer a month to you. That is worth saying plainly rather than dressing up.";
+  } else {
+    verdict = "findings";
+    line = "We found " + F.length + " thing" + (F.length === 1 ? "" : "s") + " worth fixing.";
+  }
+
+  return {
+    F: F, O: O, core: core,
+    monthly: monthly, annual: monthly * 12,
+    stop: stop, annualStop: stop * 12,
+    oneoff: oneoff, hrs: hrs, hrsWk: hrsWk,
+    verdict: verdict, line: line
+  };
+}
+
+/**
+ * The report — the document the agency hands their prospect.
+ *
+ * This is the only thing here a stranger ever reads, and it goes out on the
+ * agency's letterhead, not ours. Three rules are enforced by construction:
+ *
+ *  1. NOTHING OF OURS APPEARS. No product name, no tool name, no "generated by".
+ *     Paul's client is buying from Paul.
+ *  2. EVERY FIGURE CARRIES ITS SOURCE. A number the owner gave, a number the
+ *     operator assumed, and a number nobody knew are visibly different things,
+ *     and the assumption prints beside the figure it moved rather than in a
+ *     footnote nobody reads.
+ *  3. EVERY PIECE OF TEXT IS ESCAPED. The report is published to a real domain
+ *     and is full of words a prospect typed into a form. Escaping is a
+ *     correctness requirement here, not hygiene.
+ *
+ * Pure: takes data, returns an HTML string. No DOM, no network, no clock beyond
+ * the date it is handed. That is what makes it testable, and it is inlined into
+ * the assessment page by build-app.mjs like the engine.
+ */
+
+function esc(s) {
+  return String(s === undefined || s === null ? "" : s)
+    .replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+
+function money(n) {
+  return "$" + Math.round(Number(n) || 0).toLocaleString("en-US");
+}
+
+/** A colour the operator typed is going straight into a style attribute. */
+function safeColour(c) {
+  return /^#[0-9a-fA-F]{3,8}$/.test(String(c || "")) ? String(c) : "#1F4E79";
+}
+
+/**
+ * agency  { name, accent?, contact? }            — from Layer 1. Never invented.
+ * services[] { name, price?, covers:[findingId] } — THEIR menu at THEIR prices.
+ * A finding with no matching service still appears; it just has no price beside
+ * it, because recommending something the agency does not sell is worse than a
+ * gap in a table.
+ */
+function renderReport(opts) {
+  var state = opts.state || {};
+  var r = opts.computed || {};
+  var agency = opts.agency || {};
+  var services = Array.isArray(opts.services) ? opts.services : [];
+  var assumptionLabels = opts.assumptionLabels || {};
+  var date = opts.date || "";
+  var accent = safeColour(agency.accent);
+
+  var biz = esc(state.biz || "your business");
+  var F = Array.isArray(r.F) ? r.F : [];
+  var O = Array.isArray(r.O) ? r.O : [];
+  var hrs = Array.isArray(r.hrs) ? r.hrs : [];
+
+  var out = [];
+  out.push('<!doctype html><html lang="en"><head><meta charset="utf-8">');
+  out.push('<meta name="viewport" content="width=device-width,initial-scale=1">');
+  // This document carries another business's revenue, close rate and list size.
+  // Wherever it ends up, it must never be indexed.
+  out.push('<meta name="robots" content="noindex,nofollow,noarchive">');
+  out.push("<title>Where " + biz + " is leaking</title>");
+  out.push("<style>" + css(accent) + "</style></head><body><div class=wrap>");
+
+  // ── masthead: theirs, not ours ────────────────────────────────────────────
+  out.push("<header>");
+  if (agency.name) out.push('<p class="by">Prepared by ' + esc(agency.name) + "</p>");
+  out.push("<h1>Where " + biz + " is leaking</h1>");
+  if (date) out.push('<p class="when">' + esc(date) + "</p>");
+  out.push("</header>");
+
+  // ── the three verdicts are three different documents ──────────────────────
+  if (r.verdict === "insufficient") {
+    out.push('<div class="verdict stop"><b>We could not put a number on this yet</b>'
+      + esc(r.line || "") + "</div>");
+    out.push(measureFirst(O));
+    out.push(footer(agency));
+    return out.join("\n") + "</div></body></html>";
+  }
+
+  if (r.verdict === "thin") {
+    out.push('<div class="verdict warn"><b>Honestly, there is not much here</b>'
+      + esc(r.line || "") + "</div>");
+  }
+
+  // ── headline numbers ──────────────────────────────────────────────────────
+  out.push('<div class="hgrid">');
+  if (r.hrsWk > 0) out.push(head(r.hrsWk.toFixed(1), "hours a week going into work a system should do"));
+  if (r.annual > 0) out.push(head(money(r.annual), "a year leaking, on your own numbers"));
+  if (r.annualStop > 0) out.push(head(money(r.annualStop), "a year we expect to actually stop"));
+  out.push("</div>");
+
+  // ── what you told us ──────────────────────────────────────────────────────
+  if (opts.answered && opts.answered.length) {
+    out.push("<h2>What we started from, in your words</h2><table>");
+    for (var a = 0; a < opts.answered.length; a++) {
+      var q = opts.answered[a];
+      out.push("<tr><td>" + esc(q.ask) + '</td><td class="num">'
+        + (q.unknown ? '<span class="unk">you did not know</span>' : esc(q.value)) + "</td></tr>");
+    }
+    out.push("</table>");
+  }
+
+  // ── the findings ──────────────────────────────────────────────────────────
+  if (F.length) {
+    out.push("<h2>Where the money goes</h2><table>");
+    out.push('<tr><th>What is happening</th><th class="num">A month</th></tr>');
+    for (var i = 0; i < F.length; i++) {
+      var f = F[i];
+      var note = f.assumption
+        ? '<span class="assume">' + esc(assumptionLabels[f.assumption] || "This is your assumption, not a measurement.") + "</span>"
+        : "";
+      out.push("<tr><td><strong>" + esc(f.title) + "</strong>" + note + '</td><td class="num">'
+        + money(f.monthly) + "</td></tr>");
+    }
+    out.push('<tr class="tot"><td><strong>Leaking, every month</strong></td><td class="num"><strong>'
+      + money(r.monthly) + "</strong></td></tr>");
+    if (r.stop > 0) {
+      out.push('<tr><td><strong>What we expect to actually stop</strong><span class="assume">'
+        + esc(assumptionLabels.recovery || "No system catches everything. This is your figure.")
+        + '</span></td><td class="num"><strong>' + money(r.stop) + "</strong></td></tr>");
+    }
+    if (r.oneoff !== null && r.oneoff !== undefined && r.oneoff > 0) {
+      out.push('<tr><td>Your dormant list, worked once<span class="assume">'
+        + esc(assumptionLabels.reactivation || "Your assumption, not a measurement.")
+        + " This is a one-off and is left out of every annual figure above."
+        + '</span></td><td class="num">' + money(r.oneoff) + "</td></tr>");
+    }
+    out.push("</table>");
+  }
+
+  // ── named, deliberately not priced ────────────────────────────────────────
+  var named = O.filter(function (o) { return o.reason || o.declined; });
+  if (named.length) {
+    out.push("<h2>Named, and deliberately not priced</h2><ul>");
+    for (var j = 0; j < named.length; j++) {
+      var o = named[j];
+      out.push("<li><strong>" + esc(o.title) + "</strong> &mdash; "
+        + esc(o.declined ? "priced only on an assumption you chose not to make." : o.reason) + "</li>");
+    }
+    out.push("</ul><p class=small>We can see these matter and we are not going to invent a number for them.</p>");
+  }
+
+  // ── hours ─────────────────────────────────────────────────────────────────
+  if (hrs.length) {
+    out.push("<h2>Where the time goes</h2><table>");
+    for (var h = 0; h < hrs.length; h++) {
+      out.push("<tr><td>" + esc(hrs[h].t) + '</td><td class="num">' + Number(hrs[h].h).toFixed(1) + " hrs</td></tr>");
+    }
+    out.push('<tr class="tot"><td><strong>A week</strong></td><td class="num"><strong>'
+      + Number(r.hrsWk).toFixed(1) + "</strong></td></tr></table>");
+  }
+
+  // ── the plan, from THEIR menu ─────────────────────────────────────────────
+  if (F.length) {
+    out.push("<h2>What we would do, in order</h2><table>");
+    out.push('<tr><th>Fixes</th><th>What it is</th></tr>');
+    for (var k = 0; k < F.length; k++) {
+      var fx = F[k];
+      var svc = services.find(function (s) {
+        return Array.isArray(s.covers) && s.covers.indexOf(fx.id) !== -1;
+      });
+      out.push("<tr><td>" + esc(fx.title) + "</td><td>" + esc(svc ? svc.name : fx.fix || "") + "</td></tr>");
+    }
+    out.push("</table>");
+    if (!services.length) {
+      out.push('<p class="small">Service names above are descriptions, not a quote. Add your own offers so this reads in your language and at your prices.</p>');
+    }
+  }
+
+  // ── investment, only when they have priced it ─────────────────────────────
+  var priced = services.filter(function (s) { return typeof s.price === "number" && s.price > 0; });
+  if (priced.length && r.annualStop > 0) {
+    var total = priced.reduce(function (s, x) { return s + x.price; }, 0);
+    out.push("<h2>The investment</h2><table>");
+    for (var p = 0; p < priced.length; p++) {
+      out.push("<tr><td>" + esc(priced[p].name) + '</td><td class="num">' + money(priced[p].price) + "</td></tr>");
+    }
+    out.push('<tr class="tot"><td><strong>Total</strong></td><td class="num"><strong>' + money(total) + "</strong></td></tr>");
+    out.push('<tr><td>Against what we expect to stop, first year</td><td class="num">' + money(r.annualStop) + "</td></tr>");
+    if (total > 0) {
+      var ratio = r.annualStop / total;
+      out.push('<tr class="tot"><td><strong>You are spending $1 to stop $' + ratio.toFixed(2)
+        + "</strong></td><td class=\"num\"><strong>" + ratio.toFixed(1) + "&times;</strong></td></tr>");
+    }
+    out.push("</table>");
+  }
+
+  out.push(sourceLine(state, r, assumptionLabels));
+  out.push(footer(agency));
+  return out.join("\n") + "</div></body></html>";
+}
+
+function head(n, label) {
+  return '<div><span class="hn">' + esc(n) + '</span><span class="hl">' + esc(label) + "</span></div>";
+}
+
+function measureFirst(O) {
+  var missing = [];
+  for (var i = 0; i < O.length; i++) {
+    var m = O[i].missing || [];
+    for (var j = 0; j < m.length; j++) if (missing.indexOf(m[j]) === -1) missing.push(m[j]);
+  }
+  if (!missing.length) return "";
+  return "<h2>What to measure first</h2><p>These are the numbers that would let us price the rest. "
+    + "None of them need a system &mdash; a week of writing them down is enough.</p><ul><li>"
+    + missing.map(esc).join("</li><li>") + "</li></ul>";
+}
+
+/** The sentence the whole document rests on. */
+function sourceLine(state, r, labels) {
+  var used = [];
+  var F = r.F || [];
+  for (var i = 0; i < F.length; i++) if (F[i].assumption && used.indexOf(F[i].assumption) === -1) used.push(F[i].assumption);
+  var n = used.length + (r.stop > 0 ? 1 : 0);
+  return '<p class="src">Every figure here came from what you told us'
+    + (state.trade ? ", or from your own " + esc(state.trade) + " business" : "")
+    + ". " + (n > 0
+      ? n + " of them " + (n === 1 ? "is an estimate" : "are estimates") + " we chose together, each marked where it is used. "
+      : "")
+    + "Nothing here is an industry average applied to your business.</p>";
+}
+
+function footer(agency) {
+  if (!agency.name) return "";
+  return '<footer>' + esc(agency.name) + (agency.contact ? " &middot; " + esc(agency.contact) : "") + "</footer>";
+}
+
+function css(accent) {
+  return [
+    ":root{--a:" + accent + ";--ink:#14171F;--mut:#4A5163;--rule:#D8DDE5;--pan:#F4F6F8}",
+    "*{box-sizing:border-box}",
+    "body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}",
+    ".wrap{max-width:44rem;margin:0 auto;padding:2rem 1.1rem 4rem}",
+    "header{border-bottom:3px solid var(--a);padding-bottom:.9rem;margin-bottom:1.4rem}",
+    ".by{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--a);margin:0 0 .4rem;font-weight:600}",
+    "h1{font-size:1.9rem;line-height:1.15;margin:0;font-weight:700}",
+    ".when{color:var(--mut);font-size:.82rem;margin:.4rem 0 0}",
+    "h2{font-size:1.15rem;margin:2rem 0 .5rem;font-weight:700}",
+    "table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.94rem}",
+    "th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rule);vertical-align:top}",
+    "th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);border-bottom:2px solid var(--rule)}",
+    ".num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}",
+    "tr.tot td{background:var(--pan)}",
+    ".assume{display:block;font-size:.76rem;color:var(--mut);font-style:italic;margin-top:.2rem}",
+    ".unk{color:var(--mut);font-style:italic}",
+    ".hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin:1.2rem 0}",
+    ".hn{display:block;font-size:1.7rem;font-weight:700;color:var(--a);line-height:1.1}",
+    ".hl{display:block;font-size:.78rem;color:var(--mut);margin-top:.15rem}",
+    ".verdict{border-left:4px solid var(--a);background:var(--pan);padding:.75rem .9rem;margin:1rem 0;font-size:.94rem}",
+    ".verdict.warn{border-left-color:#8A5300}.verdict.stop{border-left-color:#9A3324}",
+    ".verdict b{display:block;margin-bottom:.15rem}",
+    ".src{margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--rule);font-size:.82rem;color:var(--mut)}",
+    ".small{font-size:.82rem;color:var(--mut)}",
+    "ul{padding-left:1.1rem}li{margin-bottom:.3rem}",
+    "footer{margin-top:2rem;padding-top:.8rem;border-top:3px solid var(--a);font-size:.8rem;color:var(--mut)}",
+    "@media print{.wrap{max-width:none}body{font-size:11pt}}",
+  ].join("");
+}
+
+/* ── state (persistence only; all maths lives in engine.js) ──────────────── */
+var K="cmdos-assessment-v1";
+var S={biz:"",trade:"",ans:{},skip:{},asm:{},tab:"ask",area:"money"};
+ASSUMPTIONS.forEach(function(a){S.asm[a[0]]=a[2]});
+try{var raw=localStorage.getItem(K);if(raw)S=Object.assign(S,JSON.parse(raw))}catch(e){}
+function save(){try{localStorage.setItem(K,JSON.stringify(S))}catch(e){}}
+function txt(id){return S.skip[id]?null:(S.ans[id]||null)}
+function money(n){return "$"+Math.round(n).toLocaleString()}
+function R(){return compute(S.ans,S.skip,S.asm)}
+/* ── render ───────────────────────────────────────────────────────────────── */
+function progress(){var d=0;Q.forEach(function(q){if(S.skip[q[0]]||(S.ans[q[0]]!==undefined&&S.ans[q[0]]!==""))d++});return d}
+function areaCount(a){var t=0,d=0;Q.forEach(function(q){if(q[1]===a){t++;if(S.skip[q[0]]||(S.ans[q[0]]!==undefined&&S.ans[q[0]]!==""))d++}});return d+"/"+t}
+
+function head(){
+  var r=R();
+  document.getElementById("lProg").textContent=progress()+"/"+Q.length;
+  document.getElementById("lHrs").textContent=r.hrsWk?r.hrsWk.toFixed(1):"—";
+  document.getElementById("lMon").textContent=r.monthly?money(r.monthly):"—";
+  document.getElementById("bizname").textContent=S.biz||"New assessment";
+  document.getElementById("bizmeta").textContent=S.trade||"";
+}
+
+function railHtml(){
+  if(S.tab!=="ask")return "";
+  return AREAS.map(function(a){return '<button class="'+(S.area===a[0]?"on":"")+'" onclick="goArea(\''+a[0]+'\')">'
+    +a[1]+'<span class="c">'+areaCount(a[0])+'</span></button>'}).join("")}
+
+function inputFor(q){
+  var id=q[0],u=q[4],val=S.ans[id]===undefined?"":S.ans[id],sk=!!S.skip[id];
+  var unit={currency:"$",rate:"% or 0-1",count:"number",minutes:"minutes",hours:"hrs/week",text:""}[u]||"";
+  var el= u==="text"
+    ? '<textarea class="a" oninput="setA(\''+id+'\',this.value)" '+(sk?"disabled":"")+'>'+String(val).replace(/</g,"&lt;")+'</textarea>'
+    : '<input class="a" inputmode="decimal" value="'+String(val).replace(/"/g,"&quot;")+'" oninput="setA(\''+id+'\',this.value)" '+(sk?"disabled":"")+'>';
+  return '<div class="row">'+el+'<span class="unit">'+unit+'</span>'
+    +'<button class="mini '+(sk?"on":"")+'" onclick="skip(\''+id+'\')">'+(sk?"marked don\'t know":"don\'t know")+'</button>'
+    +'<button class="mini" onclick="why(\''+id+'\')">why</button></div>'}
+
+function askHtml(){
+  var a=AREAS.filter(function(x){return x[0]===S.area})[0];
+  var qs=Q.filter(function(q){return q[1]===S.area});
+  return '<h2>'+a[1]+'</h2><p class="intro">&ldquo;'+a[2]+'&rdquo;</p>'
+    +qs.map(function(q){
+      var done=S.ans[q[0]]!==undefined&&S.ans[q[0]]!=="",sk=!!S.skip[q[0]];
+      return '<div class="q '+(sk?"skip":done?"done":"")+'" id="q_'+q[0]+'">'
+        +'<p class="ask">'+q[2]+'</p>'
+        +(q[3]?'<p class="probe">If they go vague: &ldquo;'+q[3]+'&rdquo;</p>':'')
+        +inputFor(q)+'<p class="why">'+q[5]+'</p></div>'}).join("")
+    +'<div class="btnrow"><button class="btn" onclick="nextArea()">Next area</button>'
+    +'<button class="btn ghost" onclick="tab(\'find\')">See findings</button></div>'}
+
+function setHtml(){
+  return '<h2>Your assumptions</h2><p class="intro">Every one of these prints in the report next to the figure it moved. Set one to zero and its finding disappears rather than falling back to an industry number.</p><div class="card">'
+    +ASSUMPTIONS.map(function(a){
+      return '<div class="assume"><div><b>'+a[1]+'</b><br><span class="unit">'+a[3]+'</span></div>'
+      +'<input class="a" style="max-width:5rem" value="'+(S.asm[a[0]])+'" oninput="setAsm(\''+a[0]+'\',this.value)"></div>'}).join("")
+    +'</div><div class="card"><h2 style="font-size:1rem">Who is this for?</h2>'
+    +'<div class="row"><input class="a" placeholder="Business name" value="'+(S.biz||"")+'" oninput="S.biz=this.value;save();head()">'
+    +'<input class="a" placeholder="Trade" value="'+(S.trade||"")+'" oninput="S.trade=this.value;save();head()"></div></div>'}
+
+function findHtml(){
+  var r=R();
+  var vb={findings:"note go",thin:"note warn",insufficient:"note stop"}[r.verdict];
+  var h='<h2>What it found</h2><div class="'+vb+'"><b>Verdict: '+r.verdict+'</b>'+r.line+'</div>';
+  if(r.F.length){
+    h+='<div class="card"><table><thead><tr><th>Finding</th><th class="num">A month</th></tr></thead><tbody>'
+    +r.F.map(function(f){return '<tr><td>'+f.title+(f.asm?' <span class="unit">(uses your '+f.asm.replace(/_/g," ")+')</span>':'')+'</td><td class="num">'+money(f.monthly)+'</td></tr>'}).join("")
+    +'<tr><td><b>Leaking, monthly</b></td><td class="num"><b>'+money(r.monthly)+'</b></td></tr>'
+    +'<tr><td><b>Expected to stop, at your '+Math.round((S.asm.recovery||0)*100)+'%</b></td><td class="num"><b>'+money(r.stop)+'</b></td></tr>'
+    +(r.oneoff!==null?'<tr><td>Dormant list, worked once <span class="unit">(one-off, not in the annual)</span></td><td class="num">'+money(r.oneoff)+'</td></tr>':'')
+    +'</tbody></table></div>'}
+  if(r.hrs.length){
+    h+='<div class="card"><table><thead><tr><th>Where the time goes</th><th class="num">Hrs/week</th></tr></thead><tbody>'
+    +r.hrs.map(function(x){return '<tr><td>'+x.t+'</td><td class="num">'+x.h.toFixed(1)+'</td></tr>'}).join("")
+    +'<tr><td><b>Total</b></td><td class="num"><b>'+r.hrsWk.toFixed(1)+'</b></td></tr></tbody></table></div>'}
+  if(r.O.length){
+    h+='<div class="note warn"><b>Not priced, and deliberately not guessed</b>'
+    +r.O.map(function(o){return o.declined?(o.title+" &mdash; you set "+o.declined.replace(/_/g," ")+" to zero")
+      :(o.title+" &mdash; missing: "+o.miss.join(", "))}).join("<br>")+'</div>'}
+  h+='<div class="btnrow"><button class="btn" onclick="tab(\'rep\')">Build the report</button></div>';
+  return h}
+
+function reportHtml(){
+  var r=R();
+  var answered=[];
+  Q.forEach(function(q){
+    var id=q[0];
+    if(S.skip[id]) answered.push({ask:q[2],unknown:true});
+    else if(S.ans[id]!==undefined&&String(S.ans[id]).trim()!=="") answered.push({ask:q[2],value:S.ans[id]});
+  });
+  var labels={};
+  ASSUMPTIONS.forEach(function(a){labels[a[0]]=a[3]});
+  return renderReport({
+    state:{biz:S.biz,trade:S.trade,ans:S.ans},
+    computed:r, agency:S.agency||{}, services:S.services||[],
+    assumptionLabels:labels,
+    date:new Date().toLocaleDateString(undefined,{day:"numeric",month:"long",year:"numeric"}),
+    answered:answered
+  });
+}
+function repHtml(){
+  var r=R();
+  var doc=reportHtml();
+  return '<h2>The report</h2><p class="intro">This is the document, exactly as your prospect receives it. Your branding, your prices, every estimate marked where it is used.</p>'
+  +(S.biz?'':'<div class="note warn"><b>No business name yet</b>Set it on the Assumptions tab so the report is addressed to someone.</div>')
+  +'<div class="card" style="padding:0;overflow:hidden"><iframe id="rpv" style="width:100%;height:34rem;border:0;background:#fff" title="Report preview"></iframe></div>'
+  +'<div class="btnrow"><button class="btn" onclick="openReport()">Open it full size</button>'
+  +'<button class="btn ghost" onclick="showSource()">Show the file</button>'
+  +'<button class="btn ghost" onclick="dl()">Save answers</button></div>'
+  +'<div class="note"><b>Publishing it</b>Open it full size and print to PDF, or hand the file to your own site. Putting it on your domain automatically is the next piece, and it is not built yet.</div>';
+}
+function paintReport(){
+  var f=document.getElementById("rpv");
+  if(f) f.srcdoc=reportHtml();
+}
+function openReport(){
+  var w=window.open("","_blank");
+  if(w){w.document.open();w.document.write(reportHtml());w.document.close();}
+}
+function showSource(){
+  var d=document.getElementById("dump"); if(d){d.remove();return}
+  var w=document.createElement("div");w.id="dump";w.className="card";
+  w.innerHTML='<b style="font-size:.82rem">The report as a file. Select all, copy, save as report.html.</b>'
+   +'<textarea class="a" style="min-height:12rem;font-family:\'JetBrains Mono\',monospace;font-size:.66rem"></textarea>';
+  document.getElementById("body").appendChild(w);
+  var t=w.querySelector("textarea");t.value=reportHtml();t.focus();t.select();
+}
+function draw(){
+  head();
+  document.getElementById("rail").innerHTML=railHtml();
+  document.getElementById("body").innerHTML=
+    S.tab==="ask"?askHtml():S.tab==="set"?setHtml():S.tab==="find"?findHtml():repHtml();
+  if(S.tab==="rep") paintReport();
+  Array.prototype.forEach.call(document.querySelectorAll(".tabs button"),function(b){
+    b.className=b.dataset.t===S.tab?"on":""})}
+
+function setA(id,v){S.ans[id]=v;if(v!=="")S.skip[id]=false;save();head();
+  var el=document.getElementById("q_"+id);if(el)el.className="q "+(v!==""?"done":"")}
+function skip(id){S.skip[id]=!S.skip[id];if(S.skip[id])S.ans[id]="";save();draw()}
+function why(id){var el=document.getElementById("q_"+id);if(el)el.classList.toggle("open")}
+function setAsm(k,v){S.asm[k]=parseRate(v);save();head()}
+function goArea(a){S.area=a;save();draw();window.scrollTo({top:0,behavior:"smooth"})}
+function nextArea(){var i=AREAS.map(function(x){return x[0]}).indexOf(S.area);
+  if(i<AREAS.length-1)goArea(AREAS[i+1][0]);else tab("find")}
+function tab(t){S.tab=t;save();draw();window.scrollTo({top:0,behavior:"smooth"})}
+function dl(){var d=document.getElementById("dump");
+  if(d){d.remove();return}
+  var w=document.createElement("div");w.id="dump";w.className="card";
+  w.innerHTML='<b style="font-size:.82rem">Your answers. Select all and copy, or save as a .json file.</b>'
+   +'<textarea class="a" style="min-height:12rem;font-family:\'JetBrains Mono\',monospace;font-size:.68rem"></textarea>';
+  document.getElementById("body").appendChild(w);
+  var t=w.querySelector("textarea");t.value=JSON.stringify(S,null,2);t.focus();t.select()}
+function wipe(){if(!confirm)return;S.ans={};S.skip={};S.biz="";S.trade="";S.tab="ask";S.area="money";save();draw()}
+
+Array.prototype.forEach.call(document.querySelectorAll(".tabs button"),function(b){
+  b.onclick=function(){tab(b.dataset.t)}});
+(function(){var MIN=18,MAX=32,TK="cmdos-type-size",R=document.documentElement;
+function g(){try{var v=parseFloat(localStorage.getItem(TK));if(v>=MIN&&v<=MAX)return v}catch(e){}return 21}
+function s(v){v=Math.min(MAX,Math.max(MIN,v));R.style.fontSize=v+"px";try{localStorage.setItem(TK,String(v))}catch(e){}return v}
+var c=s(g());document.getElementById("tu").onclick=function(){c=s(c+2)};
+document.getElementById("td").onclick=function(){c=s(c-2)}})();
+draw();
+</script>