/* ════════════════════════════════════════════════════════════════════════════
   DESIGN PICKER - Components/Shared/DesignPicker.razor

   The control that names which design a section page is about. It sits under the
   section strip, inside the page header, so it reads as a caption on the strip
   above it rather than as the first field of a form.
   ══════════════════════════════════════════════════════════════════════════ */

.sv-designpick {
  /* Narrow on purpose. A design name is short and a full-width select opposite
     nothing reads as a form somebody has to fill in before the page will work. */
  max-width: 320px;
  margin-top: var(--sv-space-3);
}