/* ==========================================================================
   SHARED QUIZ STYLES  —  used by every quiz page (shape, cake, cloud, project)
   ========================================================================== */
body {
  position: relative;
  background-image: url('/pictures/wallpaper/hip.png');
  /* Tiling Words */
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
}

.quiz-wrap { max-width: 600px; margin: 2rem auto; }
.options { display: flex; flex-direction: column; gap: .4rem; }
.option { text-align: left; padding: .5rem .75rem; cursor: pointer; }
.option.selected { font-weight: bold; }

.shape-art svg { width: 350px; height: 350px; }
.shape-art img { max-width: 350px; height: auto; }   /* outcome art, when added */

.restart-btn { padding: 12px 24px; } /* Brought back your nice padding here! */
.back-btn {
    padding: 12px 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}
[hidden] { display: none; }