/* 1. Define Local Fonts to Kill Third-Party Dependencies */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/DMSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/DMSans-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/DMSerifDisplay-Regular.woff2') format('woff2');
}

/* 2. Map Fonts and Line Metrics to the Scoped Article Container */
.ce-custom-post {
  font-family: var(--ce-font-body);
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

.ce-custom-post h1,
.ce-custom-post h2,
.ce-custom-post h3 {
  font-family: var(--ce-font-heading);
  font-weight: 400;
  line-height: 1.25;
  color: var(--ink);
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.ce-custom-post p {
  margin-bottom: 24px;
  color: var(--ink-mid);
}