.chan-article {
  width: min(100% - 2rem, 56rem);
  margin: 0 auto;
  padding: 4rem 0 5rem;
}

.chan-article-wide {
  width: min(100% - 2rem, 72rem);
}

.chan-article-split {
  display: grid;
  gap: 2.5rem;
  padding-block: 3rem 4.5rem;
}

@media (min-width: 960px) {
  .chan-article-split:has(#dnn_SidebarPane:not(:empty)),
  .chan-article-split:has(.chan-sidebar .DnnModule) {
    grid-template-columns: minmax(0, 2.2fr) minmax(14rem, 1fr);
  }
}

.chan-article .DnnModule,
.chan-article-split .DnnModule {
  margin: 0 0 2rem;
}

.chan-article .Head,
.chan-article h1,
.chan-article-split .Head,
.chan-article-split h1 {
  font-family: var(--chan-display, "Cormorant Garamond", serif);
  font-size: clamp(2.25rem, 4vw, 3rem);
  line-height: 1.15;
  font-weight: 600;
}

.chan-article h2,
.chan-article-split h2 {
  font-family: var(--chan-display, "Cormorant Garamond", serif);
  font-size: 1.75rem;
  margin-top: 2.5rem;
}

.chan-article ul,
.chan-article ol,
.chan-article-split ul,
.chan-article-split ol {
  margin: 0.75rem 0 1.35rem;
  padding-left: 1.5rem;
}

.chan-article li,
.chan-article-split li {
  margin: 0.45rem 0;
  line-height: 1.55;
}

.chan-article li > ul,
.chan-article li > ol,
.chan-article-split li > ul,
.chan-article-split li > ol {
  margin: 0.35rem 0 0.55rem;
}

.chan-banner + main .chan-article {
  padding-top: 2.5rem;
}