/* Ordia Workspace Layout source
   This file contains Workspace Layout-owned implementation CSS and Workspace Layout-owned component variables only.
   It must not redefine shared foundation tokens.
   Child component internals remain owned by their own DS families.
*/

.wl-page {
  --wl-content-max-width: 980px;
  --wl-gutter-inline: 24px;
  --wl-gutter-inline-narrow: 16px;
  --wl-block-gap: 28px;
  --wl-action-gap: 44px;

  width: 100%;
  min-width: 0;
  padding-inline: var(--wl-gutter-inline);
}

.wl-main {
  width: 100%;
  min-width: 0;
}

.wl-content {
  width: min(100%, var(--wl-content-max-width));
  margin-inline: auto;
  min-width: 0;
}

.wl-stack {
  display: grid;
  gap: var(--wl-block-gap);
  min-width: 0;
}

.wl-block,
.wl-slot {
  min-width: 0;
}

.wl-slot:empty {
  display: none;
}

.wl-block--actions {
  margin-top: calc(var(--wl-action-gap) - var(--wl-block-gap));
}

.wl-block--actions > .ct-ab-shell {
  width: 100%;
}

@media (max-width: 760px) {
  .wl-page {
    padding-inline: var(--wl-gutter-inline-narrow);
  }
}