/* W29-SHELL-MOBILE: preserve the approved shell at desktop sizes while allowing
   its three mobile grid participants to shrink inside the viewport. */
@media (max-width: 900px) {
  .atelier-top {
    grid-template-columns: minmax(0, 1fr) auto;
    height: auto;
    min-height: 56px;
    padding: 10px 14px;
  }

  .atelier-layout,
  .atelier-nav,
  .atelier-module,
  .atelier-vision {
    min-width: 0;
  }

  .atelier-nav,
  .atelier-module,
  .atelier-vision,
  .atelier-module > [data-module-slot] {
    max-width: 100%;
  }

  .atelier-nav {
    display: flex;
    gap: 5px;
    padding: 8px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    overscroll-behavior-inline: contain;
  }

  .atelier-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .atelier-nav > button {
    width: auto;
    flex: none;
    padding: 8px 10px;
  }

  .atelier-main {
    padding: 16px 12px;
  }

  .atelier-vision {
    margin: 0 12px 18px;
  }

  .atelier-dock {
    justify-content: space-around;
    gap: 4px;
    height: 74px;
    padding: 0 8px;
  }

  .atelier-dock button {
    flex-direction: column;
    gap: 2px;
    font-size: 10px;
    white-space: nowrap;
  }

  .atelier-vision header > div,
  .atelier-vision form {
    min-width: 0;
  }

  .atelier-vision__message,
  .atelier-vision__context,
  .atelier-vision__status {
    overflow-wrap: anywhere;
  }
}

/* Keep the approved W27 compact controls hidden only at the original mobile breakpoint. */
@media (max-width: 760px) {
  .atelier-space,
  .atelier-search,
  .atelier-context,
  .atelier-nav details {
    display: none;
  }
}