@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 elements {
  .kit-layout-help {
    overflow-wrap: break-word;
  }
  .kit-layout-help > [class*=kit-region-] > h3,
  .kit-layout-help > [class*=kit-region-] > h4,
  .kit-layout-help > [class*=kit-region-] > h5,
  .kit-layout-help > [class*=kit-region-] > h6 {
    font-family: var(--_kit-body-family);
  }
  .kit-layout-help thead > tr > th {
    font-size: var(--_kit-label-size);
  }
}
@layer spacing {
  .kit-layout-help > .kit-region-human-support {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-layout-help > .kit-region-answer-column {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > h2.kit-region-block:not(:last-child),
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > h3.kit-region-block:not(:last-child),
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > h4.kit-region-block:not(:last-child),
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > h5.kit-region-block:not(:last-child),
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > h6.kit-region-block:not(:last-child) {
    margin-block-end: calc(var(--_kit-stack) - var(--_kit-stack-gap, var(--_kit-stack)));
  }
  .kit-layout-help {
    display: grid;
    grid-template-columns: var(--_kit-split);
    --_kit-stack-gap: var(--_kit-region);
    gap: var(--_kit-stack-gap) var(--_kit-inset-wide);
    min-inline-size: 0;
  }
  .kit-layout-help > .kit-region-notices {
    grid-column: 1 / -1;
  }
  .kit-layout-help > .kit-region-topic {
    grid-column: 1 / -1;
  }
  .kit-layout-help > .kit-region-answer-column,
  .kit-layout-help > .kit-region-human-support {
    grid-column: 1 / -1;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
}
@layer cut-edges {
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer pre.kit-region-block {
    max-inline-size: 100%;
    overflow-x: auto;
  }
  @media screen {
    .kit-layout-help > .kit-region-answer-column > .kit-region-answer pre.kit-region-block {
      mask-image:
        linear-gradient(
          to right,
          rgb(0 0 0 / calc(1 - var(--_kit-preformatted-cut-start))),
          rgb(0 0 0) var(--_kit-inset)),
        linear-gradient(
          to left,
          rgb(0 0 0 / calc(1 - var(--_kit-preformatted-cut-end))),
          rgb(0 0 0) var(--_kit-inset));
      mask-composite: intersect;
      animation-name: kit-preformatted-cut-start, kit-preformatted-cut-end;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self inline), scroll(self inline);
    }
  }
}
@layer regions {
  .kit-layout-help > .kit-region-notices {
    grid-column: 1 / -1;
    grid-row: 1;
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
  }
  .kit-layout-help > .kit-region-notices:not(:first-child) {
    grid-row: auto;
  }
}
@layer layouts {
  .kit-layout-help {
    --_kit-split: var(--_kit-split-index-body);
  }
  .kit-layout-help {
    grid-template-rows: auto auto 1fr;
  }
  .kit-layout-help[data-kit-holds~=notices],
  .kit-layout-help[data-kit-holds~=refusal] {
    grid-template-rows: auto auto auto 1fr;
  }
  .kit-layout-help[data-kit-holds~=notices][data-kit-holds~=refusal] {
    grid-template-rows: auto auto auto auto 1fr;
  }
  .kit-layout-help > .kit-region-topic {
    grid-column: 2;
    grid-row: calc(var(--_kit-notices-row) + 1);
    min-inline-size: 0;
    padding-block-end: var(--_kit-stack);
    font-family: var(--_kit-display-family), serif;
    word-spacing: var(--_kit-display-word-spacing);
    font-size: var(--_kit-region-heading-size);
    font-weight: var(--_kit-heading-weight);
    letter-spacing: var(--_kit-heading-tracking);
  }
  .kit-layout-help > .kit-region-human-support {
    grid-column: 1;
    grid-row: calc(var(--_kit-notices-row) + 3);
    min-inline-size: 0;
  }
  .kit-layout-help > .kit-region-human-support p.kit-region-supporting {
    margin-block-start: 0;
  }
  .kit-layout-help > .kit-region-answer-column {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
    grid-column: 2;
    grid-row: calc(var(--_kit-notices-row) + 2) / span 2;
    min-inline-size: 0;
  }
  .kit-layout-help > .kit-region-answer-column > .kit-region-next-route {
    max-inline-size: var(--_kit-reading-width);
  }
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer > .kit-region-block:not(pre) {
    max-inline-size: var(--_kit-reading-width);
  }
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer:first-child > h1.kit-region-block,
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer:first-child > h2.kit-region-block,
  .kit-layout-help > .kit-region-answer-column > .kit-region-answer:first-child > h3.kit-region-block {
    font-size: var(--_kit-sub-heading-size);
  }
  .kit-layout-help {
    --_kit-notices-row: 0;
  }
  .kit-layout-help[data-kit-holds~=notices],
  .kit-layout-help[data-kit-holds~=refusal] {
    --_kit-notices-row: 1;
  }
  .kit-layout-help[data-kit-holds~=notices][data-kit-holds~=refusal] {
    --_kit-notices-row: 2;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: none;
        column-gap: var(--_kit-stack);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help > .kit-region-human-support {
        grid-column: 1 / -1;
        grid-row: calc(var(--_kit-notices-row) + 1);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help > .kit-region-topic {
        display: grid;
        grid-column: 1 / -1;
        grid-row: calc(var(--_kit-notices-row) + 2);
        grid-template-columns: subgrid;
        grid-template-rows: minmax(var(--_kit-target), auto);
        align-items: center;
        min-inline-size: 0;
        padding-block-end: var(--_kit-stack);
        border-block-end: var(--_kit-rule) solid var(--_kit-panel-boundary);
        font-family: var(--_kit-display-family), serif;
        word-spacing: var(--_kit-display-word-spacing);
        font-size: var(--_kit-region-heading-size);
        font-weight: var(--_kit-heading-weight);
        letter-spacing: var(--_kit-heading-tracking);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help > .kit-region-topic > .kit-region-topic-name {
        grid-column: 1;
        min-inline-size: 0;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-help > .kit-region-answer-column {
        grid-column: 1 / -1;
        grid-row: auto;
        order: 2;
      }
    }
  }
}
@layer print {
  @media print {
    .kit-layout-help {
      display: block;
      > :where(:not([hidden])) ~ * {
        margin-block-start: var(--_kit-region);
      }
      > :is(nav, .kit-region-header, .kit-region-toolbar, .kit-region-saved-views-filters-sort:not(:has(> .kit-role-local-tabs > a[aria-current=page], > .kit-region-range > .kit-region-range-in-words, .kit-region-filter > button .kit-region-value:not(:empty), .kit-role-form-group > output:not([hidden]))), .kit-region-columns-selection-actions, .kit-role-action-group:not(:has(> :is(.kit-role-refusal, .kit-role-agreement, .kit-role-form-group))), .kit-region-actions, .kit-region-next-action) + * {
        margin-block-start: 0;
      }
    }
    .kit-layout-help > article > .kit-region-answer pre {
      overflow-x: visible;
      mask-image: none;
      animation-name: none;
      white-space: pre-wrap;
    }
    .kit-layout-help > article {
      flex-basis: 100%;
      max-inline-size: none;
    }
  }
}
