body{
  font-family:'Inter',Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,
.btn,
.actions a,
.resource-title a,
.resource-link,
.checklist h3,
.sidebox h3,
.nav a,
.breadcrumb,
.meta,
.resource-meta{
  font-family:'Inter',Arial,sans-serif !important;
}

/* Resources page: keep it consistent with the rest of the site */
.hero h1,
.resources-page-title,
.hero-grid h1{
  font-size:28px !important;
  line-height:1.25 !important;
  letter-spacing:-0.02em !important;
  font-weight:700 !important;
  margin:0 0 12px !important;
}

.resource-title{
  margin:0 !important;
}
.resource-title a{
  display:inline-block;
  font-size:16px !important;
  line-height:1.45 !important;
  letter-spacing:-0.01em !important;
  font-weight:800 !important;
}
.resource-meta{
  font-size:13px !important;
  line-height:1.5 !important;
}
.resource-link{
  font-size:14px !important;
  font-weight:700 !important;
}

.btn,
.actions a{
  min-height:46px !important;
  padding:10px 18px !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:-0.01em !important;
}

.checklist,
.sidebox{
  border-radius:18px !important;
}

/* Article pages: unified but not oversized */
.card h1,
article h1,
main h1{
  font-size:30px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
  font-weight:800 !important;
  margin:0 0 18px !important;
}
.card h2,
article h2,
main h2{
  font-size:22px !important;
  line-height:1.28 !important;
  letter-spacing:-0.015em !important;
  font-weight:800 !important;
  margin:30px 0 12px !important;
}
.card p,
.card li,
article p,
article li,
main p,
main li{
  font-size:16px !important;
  line-height:1.75 !important;
}

@media (max-width: 720px){
  .hero h1,
  .hero-grid h1{
    font-size:24px !important;
    line-height:1.3 !important;
  }
  .resource-title a{
    font-size:15px !important;
    line-height:1.4 !important;
  }
  .card h1,
  article h1,
  main h1{
    font-size:26px !important;
  }
  .card h2,
  article h2,
  main h2{
    font-size:20px !important;
  }
  .btn,
  .actions a{
    min-height:44px !important;
    padding:10px 16px !important;
    font-size:14px !important;
  }
}