Give replay documents more height

Author: maxr0ssi

demo/index.html

@@ -73,7 +73,7 @@
       .embedded .controls { gap:5px; }
       .embedded button { padding:8px 10px; }
     }
-    @media(min-width:801px) { .embedded .chunk { height:215px; } }
+    @media(min-width:801px) { .embedded .chunk { height:260px; } }
     @media(prefers-reduced-motion:reduce) { .revealing mark { animation:none; } }
   </style>
 </head>

index.html

@@ -60,7 +60,7 @@ <h2 id="hero-results-title" class="eyebrow">FANOUTQA</h2>
     <section id="booking-demo" class="section wrap" aria-labelledby="booking-question">
       <div class="booking-heading"><div><p class="eyebrow">Interactive demo</p><h2 id="booking-question">Where should Maya collect her pass on Friday, and what ID should she bring?</h2></div><a class="text-link" href="demo/index.html" target="_blank" rel="noopener noreferrer">Open full window <span aria-hidden="true">↗</span></a></div>
       <div class="recorded-demo">
-        <div class="demo-window"><iframe id="flagship-demo" src="demo/index.html?v=fit-6" title="Recorded CacheBack and text booking relay comparison, with playback controls" loading="lazy" sandbox="allow-scripts allow-same-origin" referrerpolicy="no-referrer"></iframe></div>
+        <div class="demo-window"><iframe id="flagship-demo" src="demo/index.html?v=fit-7" title="Recorded CacheBack and text booking relay comparison, with playback controls" loading="lazy" sandbox="allow-scripts allow-same-origin" referrerpolicy="no-referrer"></iframe></div>
       </div>
     </section>
     <section id="abstract" class="abstract-section wrap" aria-labelledby="abstract-title">

website/check.mjs

@@ -66,7 +66,7 @@ assert.match(html, /loading="lazy" sandbox="allow-scripts allow-same-origin"/);
 assert.match(css, /prefers-reduced-motion:reduce/);
 assert.match(css, /:focus-visible/);
 assert.match(html, /id="bibtex"/);
-assert.match(html, /<iframe[^>]+src="demo\/index\.html\?v=fit-6"/);
+assert.match(html, /<iframe[^>]+src="demo\/index\.html\?v=fit-7"/);
 assert.match(readFileSync(resolve(project, 'demo/index.html'), 'utf8'), /fetch\("trace-w4\.json"\)/);
 // The booking record is rendered by the embedded replay, not duplicated in the page.
 const replay = readFileSync(resolve(project, 'demo/index.html'), 'utf8');