/* Loaded only when scripting is off, from a <noscript> in the carousel partial.

   The carousel's default state shows ONE frame, because that is what a visitor
   with JavaScript sees and the page must not visibly rearrange itself on load.
   Rendering all three and collapsing them cost a 141px -> 58px jump on every
   load, measured 2026-08-14, and everyone with JS paid it so that the few
   without could reach frames two and three.

   This is how both are had. <noscript> content is parsed only when scripting is
   disabled, so with JS on these rules do not exist and the page is settled from
   first paint; with JS off they arrive and open the stack out, because the
   controls that would page through it are never going to run.

   Only the frames. The control row needs nothing said about it here: makeover
   hides `.showing` until something sets [data-ready], and with scripting off
   nothing ever will.

   A separate file rather than an inline <style> because the CSP is
   `style-src 'self'`. Report-only today, but writing markup that depends on a
   policy staying lax is how it stops being lax later and quietly breaks. */

[data-widget="carousel"] > .showing-frame {
  display: block;
}