.p-template {
  --template-size__sidebar: 15rem;
}

.p-template.has-sidebar .p-template__wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--v-spacing-md);
}

.p-template.has-sidebar .p-template__sidebar,
.p-template.has-sidebar .p-template__content {
  flex: 0 0 100%;
}

@media (min-width: 900px) {
  .p-template.has-sidebar .p-template__wrapper-inner {
    flex-wrap: nowrap;
  }

  .p-template.has-sidebar .p-template__sidebar {
    flex: 0 0 var(--template-size__sidebar);
  }

  .p-template.has-sidebar .p-template__content {
    flex: 1 1 0%;
  }
}