/*
 * @file
 * Provides the layout styles for two-column layout section.
 */
.layout--article-section > .layout__region {
  flex: 0 1 100%;
}

.sidebar {
  flex-basis: 100%;
  flex-grow: 1;
}

@media screen and (min-width: 64em) {
  .sidebar {
    flex-basis: 20ch;
    min-inline-size: min(20ch, 100%);
  }

  #anchor-menu {
    max-width: 20ch;
  }
}

@media screen and (min-width: 40em) {
  .layout--article-section.layout--article-section--50-50 > .layout__region--main,
  .layout--article-section.layout--article-section--50-50 > .layout__region--sidebar {
    flex: 0 1 50%;
  }
}