.panel {
  --panel-width: 50ch;
  --panel-padding: 1em;

  background-color: var(--color-bg);
  border: 1px solid var(--color-border-darker);
  border-radius: var(--fieldset-border-radius, 1em);
  box-shadow: 0 0 1em oklch(var(--lch-black) / 0.2);
  inline-size: var(--panel-width);
  margin: calc(var(--navbar-height) + var(--block-space)) auto var(--block-space);
  max-inline-size: calc(100vw - var(--inline-space) * 2);
  padding: var(--panel-padding);

  @media (min-width: 100ch) {
    --panel-padding: 2em;

    max-inline-size: 100vw;
  }
}

.panel--wide {
  --panel-width: 80ch;
}

.panel__button {
  inset-block-start: var(--block-space);
  inset-inline-start: var(--block-space);
  position: absolute;
}