@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer spacing {
  .kit-layout-unavailable > .kit-region-what-to-do-when {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-layout-unavailable {
    --_kit-center-measure: var(--_kit-focused-width);
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: var(--_kit-center-measure);
    margin-inline: 0 auto;
  }
}
@layer actions {
  .kit-layout-unavailable > .kit-region-header > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  .kit-layout-unavailable > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  @media print, (width >= 720px) {
    .kit-layout-unavailable > .kit-region-header[data-kit-holds~=routes][data-kit-holds~=status-line] > .kit-region-actions {
      display: contents;
    }
  }
  @media print, (width >= 720px) {
    .kit-layout-unavailable > .kit-region-header[data-kit-holds~=routes][data-kit-holds~=status-line] > .kit-region-actions > .kit-region-routes {
      inline-size: 100%;
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header > .kit-region-actions[data-kit-holds~=words] {
        display: contents;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header > .kit-region-actions > .kit-region-words {
        text-align: end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header[data-kit-holds~=status-line] {
        justify-content: flex-end;
      }
    }
  }
}
@layer roles {
  .kit-layout-unavailable > .kit-region-status-support {
    order: 7;
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--_kit-region);
  }
  .kit-layout-unavailable > .kit-region-status-support {
    inline-size: 100%;
  }
}
@layer shell {
  .kit-layout-unavailable > .kit-region-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--_kit-stack);
    min-block-size: 0;
    --_kit-surface-beneath: var(--_kit-header-tint);
    border-image: linear-gradient(var(--_kit-header-tint) 0 0) fill 0 / 0 / 0 100vw;
  }
  .kit-layout-unavailable > .kit-region-header > div:not([data-kit-region]) {
    flex-basis: max(0px, calc((var(--_kit-shell-content-width) - 100%) * 999));
    flex: 1 0 max-content;
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  .kit-layout-unavailable > .kit-region-header > .kit-region-actions {
    flex: 0 1 auto;
    min-inline-size: 0;
  }
  .kit-layout-unavailable > .kit-region-header .kit-region-subject {
    margin-block: 0;
  }
  .kit-layout-unavailable > .kit-region-header .kit-region-lede,
  .kit-layout-unavailable > .kit-region-header .kit-region-standing {
    margin-block: var(--_kit-stack) 0;
    color: var(--_kit-text-muted);
  }
  .kit-layout-unavailable > .kit-region-header .kit-region-lede {
    white-space: normal;
    line-height: var(--_kit-text-line);
  }
  .kit-layout-unavailable > .kit-region-header .kit-region-lede > span {
    display: inline;
    white-space: normal;
  }
  .kit-layout-unavailable > .kit-region-header .kit-region-lede > span:not(:last-child):after {
    content: "\a0\b7  ";
    white-space: pre-wrap;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header > .kit-region-actions {
        justify-content: flex-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header > .kit-region-actions > .kit-region-routes {
        justify-content: flex-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-unavailable > .kit-region-header > .kit-region-actions:not([data-kit-holds~=words]) > * + .kit-region-routes {
        margin-inline-start: calc(var(--_kit-region) - var(--_kit-cluster-gap));
      }
    }
  }
}
@layer layouts {
  .kit-layout-unavailable {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    gap: var(--_kit-region) var(--_kit-inset-wide);
    min-inline-size: 0;
  }
}