{{#extends "base"}}{{#block "main"}}
<section class="scout-hero" aria-labelledby="hero-heading">
  <div class="container scout-hero-grid">
    <div class="scout-copy">
      <p class="eyebrow">{{eyebrow}}</p>
      <h1 id="hero-heading">{{headline}}</h1>
      <p class="lead">{{lead}}</p>
      <div class="actions"><a class="button primary" href="#findings">{{cta_primary}}</a><a class="button secondary" href="#evidence">{{cta_secondary}}</a></div>
    </div>
    <figure class="scout-photo"><img src="{{site_path}}images/diagnostic-640.webp" srcset="{{site_path}}images/diagnostic-320.webp 320w, {{site_path}}images/diagnostic-480.webp 480w, {{site_path}}images/diagnostic-640.webp 640w, {{site_path}}images/diagnostic-768.webp 768w, {{site_path}}images/diagnostic-960.webp 960w, {{site_path}}images/diagnostic.webp 1200w" sizes="(max-width: 64rem) 100vw, 50vw" width="1200" height="774" alt="{{diagnostic_alt}}" fetchpriority="high"></figure>
  </div>
</section>
<section class="readout-section" id="findings" aria-labelledby="readout-heading">
  <div class="container readout-grid"><div class="instrument"><p class="eyebrow">{{readout_kicker}}</p><p class="target">{{readout_target}}</p><h2 id="readout-heading">{{readout_verdict}}</h2><p>{{readout_note}}</p></div><div class="score" role="img" aria-label="Diagnostic score {{readout_score}}, grade {{readout_grade}}"><strong>{{readout_score}}</strong><span>/ 100</span><b>{{readout_grade}}</b></div></div>
  <div class="container"><dl class="metrics"><div><dt>{{metric_one_label}}</dt><dd>{{metric_one_value}}</dd></div><div><dt>{{metric_two_label}}</dt><dd>{{metric_two_value}}</dd></div><div><dt>{{metric_three_label}}</dt><dd>{{metric_three_value}}</dd></div></dl><p class="proof-note">{{proof_note}}</p></div>
</section>
<section class="section" id="services" aria-labelledby="why-heading">
  <div class="container split-heading"><div><p class="eyebrow">{{why_eyebrow}}</p><h2 id="why-heading">{{why_title}}</h2></div><p class="lead">{{why_lead}}</p></div>
  <div class="container cards"><article><span>01</span><h3>{{why_one_title}}</h3><p>{{why_one_text}}</p></article><article><span>02</span><h3>{{why_two_title}}</h3><p>{{why_two_text}}</p></article><article><span>03</span><h3>{{why_three_title}}</h3><p>{{why_three_text}}</p></article></div>
</section>
<section class="section section-soft" id="work" aria-labelledby="ledger-heading">
  <div class="container split-heading"><div><p class="eyebrow">{{ledger_eyebrow}}</p><h2 id="ledger-heading">{{ledger_title}}</h2></div><p class="lead">{{ledger_lead}}</p></div>
  <div class="container table-scroll" role="region" aria-label="Severity ledger, scrollable horizontally" tabindex="0"><table><thead><tr><th scope="col">Area</th><th scope="col">Weight</th><th scope="col">Result</th><th scope="col">Deduction</th></tr></thead><tbody><tr><th scope="row">Handshake</th><td>20</td><td><span class="status pass">Pass</span></td><td>0</td></tr><tr><th scope="row">Tool catalogue</th><td>25</td><td><span class="status warn">Review</span></td><td>−6</td></tr><tr><th scope="row">Error semantics</th><td>30</td><td><span class="status warn">Review</span></td><td>−10</td></tr><tr><th scope="row">Transport safety</th><td>25</td><td><span class="status pass">Pass</span></td><td>0</td></tr></tbody></table></div>
</section>
<section class="section" id="evidence" aria-labelledby="evidence-heading">
  <div class="container split-heading"><div><p class="eyebrow">{{evidence_eyebrow}}</p><h2 id="evidence-heading">{{evidence_title}}</h2></div><p class="lead">{{evidence_lead}}</p></div>
  <div class="container evidence"><article><p><b>Request 017</b> · 184 ms</p><h3>Initialise completed</h3><pre tabindex="0"><code>HTTP/2 200&#10;content-type: application/json&#10;x-request-id: req_017</code></pre></article><article><p><b>Request 031</b> · 226 ms</p><h3>Schema drift found</h3><pre tabindex="0"><code>tools/list&#10;expected: inputSchema&#10;received: schema</code></pre></article></div>
</section>
<section class="section section-dark" aria-labelledby="method-heading">
  <div class="container split-heading"><div><p class="eyebrow">{{phases_eyebrow}}</p><h2 id="method-heading">{{phases_title}}</h2></div><p class="lead">{{phases_lead}}</p></div>
  <div class="container phases"><ol><li>Resolve and connect</li><li>Negotiate transport</li><li>Complete handshake</li><li>Read capabilities</li><li>List resources</li><li>Inspect tools</li><li>Exercise failures</li><li>Measure latency</li><li>Write evidence</li></ol></div>
</section>
<section class="section report" aria-labelledby="report-heading"><div class="container split-heading"><div><p class="eyebrow">{{report_eyebrow}}</p><h2 id="report-heading">{{report_title}}</h2></div><div><p class="lead">{{report_lead}}</p><div class="prose">{{!content}}</div></div></div></section>
{{/block}}