/* Text-only public draft. The site header and case topline use the existing UI-kit styles. */
.ui-draft-page .editorial-case .case-hero {
  padding-bottom: 0;
}

.ui-draft-page .draft-article {
  width: min(840px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(58px, 7vw, 110px) 0 clamp(100px, 10vw, 160px);
  font-family: 'Inter', Arial, sans-serif;
  letter-spacing: -.025em;
}

.ui-draft-page .draft-article__title {
  max-width: 840px;
  margin: 0 0 25px;
  font-size: clamp(36px, 4vw, 60px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.ui-draft-page .draft-article__lead {
  margin: 0 0 30px;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 500;
  line-height: 1.5;
}

.ui-draft-page .draft-article__meta {
  margin: 0;
  color: #626262;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.55;
}

.ui-draft-page .draft-article__section {
  margin-top: 75px;
}

.ui-draft-page .draft-article__section--final {
  margin-top: 82px;
  padding-top: 36px;
  border-top: 1px solid #dcdcdc;
}

.ui-draft-page .draft-article__section h2 {
  margin: 0 0 24px;
  font-size: clamp(23px, 2.2vw, 30px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.25;
  text-wrap: balance;
}

.ui-draft-page .draft-article__section p,
.ui-draft-page .draft-article__section li {
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.68;
}

.ui-draft-page .draft-article__section strong { font-weight: 700; }

.ui-draft-page .draft-article__section ul {
  margin: 0 0 26px;
  padding-left: 26px;
}

.ui-draft-page .draft-article__section li { padding-left: 4px; margin-bottom: 10px; }

.ui-draft-page .draft-article__section p:last-child { margin-bottom: 0; }

.ui-draft-page .draft-article__back {
  display: inline-block;
  margin-top: 68px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.ui-draft-page .draft-article__back:hover { color: #777; }

@media (max-width: 700px) {
  .ui-draft-page .editorial-case .case-hero { padding-bottom: 0; }
  .ui-draft-page .draft-article { width: calc(100% - 32px); padding-top: 54px; padding-bottom: 95px; }
  .ui-draft-page .draft-article__title { font-size: clamp(31px, 8vw, 42px); margin-bottom: 21px; }
  .ui-draft-page .draft-article__lead { font-size: 18px; }
  .ui-draft-page .draft-article__section { margin-top: 57px; }
  .ui-draft-page .draft-article__section--final { margin-top: 65px; }
  .ui-draft-page .draft-article__section h2 { font-size: 23px; }
  .ui-draft-page .draft-article__section p,
  .ui-draft-page .draft-article__section li { font-size: 16px; line-height: 1.65; }
}
