.panel {
  /*w-full sm:rounded-box p-8 bg-base-100 shadow-md">*/
  --panel-width: 45ch;
  max-width: calc(var(--panel-width) + calc(var(--spacing) * 4));
  width: 100%;
  border-radius: var(--radius-box);
  padding: calc(var(--spacing) * 8);
  background-color: var(--color-base-100);
  /*border-width: 1px;*/
  border-style: solid;
  border-color: var(--color-base-content);
  /*box-shadow: var(--shadow-lg);*/

}

.panel--perma {
  --panel-width: 120ch;
  margin: 0 auto;
  min-height: calc(100vh - 4rem - (var(--spacing) * 4));
  border-color: transparent;
  background-color: transparent;
  padding: calc(var(--spacing) * 2);
  @media (min-width: var(--breakpoint-md)) {
    padding: calc(var(--spacing) * 8);
  }
}