/* Page 4 only: four choices, permanent art thumbnails and a temporary copy review. */
#rest-section .screen-previews {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 380px;
}
#rest-section .screen-previews canvas { object-fit: contain; }

#rest-section .rest-options-detail { margin-top: 12px; }
#rest-section .rest-options-detail > .art-options { margin-top: 0; }
#rest-section .art-library-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 14px;
  grid-column: 1 / -1;
}
#rest-section .art-library-note strong { font-size: 11px; font-weight: 500; }

.is-static #rest-section .rest-copy-review { order: 2; }
#rest-section .rest-copy-chooser {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 10px;
  color: #526454;
  font-size: 11px;
}
#rest-section .rest-copy-chooser select {
  max-width: 100%;
  min-height: 30px;
  padding: 3px 22px 3px 8px;
  border: 1px solid #d3ddcf;
  border-radius: 6px;
  background: #fafbf8;
  color: #35483c;
  font: inherit;
}
#rest-section .rest-copy-chooser select:focus-visible { outline: 2px solid #287249; outline-offset: 3px; }
#rest-section .rest-copy-options { display: grid; }
#rest-section .rest-copy-options > ul { grid-area: 1 / 1; }
/* Reserve the tallest alternative while excluding hidden text from accessibility. */
#rest-section .rest-copy-options > ul[hidden] { display: grid !important; visibility: hidden; }

@media (max-width: 700px) {
  #rest-section .screen-previews { max-width: 320px; }
  #rest-section .rest-copy-chooser { margin-bottom: 8px; font-size: 10px; }
  #rest-section .rest-copy-chooser select { font-size: 16px; }
  #rest-section .art-library-note { gap: 4px 12px; }
  #rest-section .art-library-note strong { font-size: 10px; }
}
@media (max-width: 700px) and (max-height: 740px) {
  #rest-section .screen-previews { max-width: 280px; }
  #rest-section .rest-options-detail { margin-top: 8px; }
  #rest-section .rest-copy-chooser { margin-bottom: 6px; }
}