diff --git a/public/index.html b/public/index.html
index 5e7b928..649541f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -60,13 +60,13 @@
         <a class="secondary button" href="/">Back to library</a>
       </div>
       <p id="program-description" class="program-page-description"></p>
+      <p class="hint">Click inside the emulator to enable keyboard input and sound.</p>
+      <div id="game"></div>
+      <p id="emulator-error" class="error" hidden></p>
       <section class="instructions-panel" aria-labelledby="instructions-title">
         <h2 id="instructions-title">Controls</h2>
         <div id="program-controls" class="control-list"></div>
       </section>
-      <p class="hint">Click inside the emulator to enable keyboard input and sound.</p>
-      <div id="game"></div>
-      <p id="emulator-error" class="error" hidden></p>
     </section>
   </main>
   <dialog id="source-modal" class="source-modal">
diff --git a/public/styles.css b/public/styles.css
index c69eb80..d47cc88 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -69,7 +69,7 @@ button:disabled { opacity: .5; cursor: wait; }
 .player-heading h1 { font-size: clamp(1.8rem, 5vw, 3rem); }
 .program-badges { margin-top: .85rem; }
 .program-page-description { max-width: 760px; margin: 1.5rem 0 0; color: #d2cef0; font-size: 1.08rem; line-height: 1.6; }
-.instructions-panel { max-width: 760px; margin-top: 1.5rem; padding: 1.1rem 1.25rem; border: 1px solid #b8b1e738; border-radius: 12px; background: #211a59d9; }
+.instructions-panel { max-width: 760px; margin: 1.5rem auto 0; padding: 1.1rem 1.25rem; border: 1px solid #b8b1e738; border-radius: 12px; background: #211a59d9; }
 .instructions-panel h2 { margin: 0 0 .85rem; font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
 .control-list { display: grid; gap: .7rem; }
 .control-row { display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: 1rem; align-items: center; color: #d2cef0; }