h1,h2,h3,h4 {
  font-family:var(--cd-heading);
  font-weight:700;
  text-wrap:balance;
  overflow-wrap:anywhere
}

h1 {
  font-size:clamp(36px,5.5vw,66px);
  line-height:1.1;
  letter-spacing:-.035em
}

h2 {
  font-size:clamp(29px,4vw,46px);
  line-height:1.16;
  letter-spacing:-.025em
}

h3 {
  font-size:clamp(20px,2.2vw,26px);
  line-height:1.3;
  letter-spacing:-.015em
}

.cd-eyebrow {
  font-family:var(--cd-heading);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cd-accent)
}

.cd-lead {
  font-size:clamp(17px,1.7vw,20px);
  line-height:1.65;
  color:var(--cd-muted);
  text-wrap:pretty
}

.cd-section-heading {
  max-width:760px;
  margin-bottom:44px
}

.cd-section-heading h1,.cd-section-heading h2 {
  margin-top:14px
}

.cd-section-heading .cd-lead {
  margin-top:22px
}

.cd-app-meta {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-family:var(--cd-heading);
  font-size:13px;
  color:var(--cd-muted)
}

.cd-app-meta__platform {
  display:flex;
  align-items:center;
  gap:9px
}

.cd-app-meta__platform::before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#3ddc84
}

.cd-post-meta {
  font-family:var(--cd-heading);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--cd-muted)
}

.cd-breadcrumbs {
  font-size:13px;
  color:var(--cd-muted);
  margin-bottom:28px
}

.cd-breadcrumbs ol {
  display:flex;
  flex-wrap:wrap;
  gap:9px 12px;
  list-style:none;
  margin:0;
  padding:0
}

.cd-breadcrumbs li+li::before {
  content:"/";
  margin-right:12px;
  color:var(--cd-dim)
}

.cd-breadcrumbs a:hover {
  color:var(--cd-text)
}