/* Shared visual baseline from the current Asiabits homepage. */
:root {
  --red: #e85002;
  --red-dark: #bc4000;
  --onyx: #101b24;
  --gray: #f4f6f7;
  --gray-3: #52616d;
  --gray-border: #e1e6e9;
}
body, button, input, select, textarea {
  font-family: 'Sora', sans-serif;
}
h1, h2, h3 {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  letter-spacing: -.035em;
}
.article-title, .card-title, .related-title, .cta-title {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
}
.article-hero-card {
  background: #f4f6f7;
  box-shadow: none;
}
.article-title {
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.16;
}
.article-body h2 {
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.article-body h3 {
  font-weight: 600;
  letter-spacing: -.015em;
  text-transform: none;
}

/* Readable secondary text on the shared dark footer. */
.footer-card .footer-brand p,
.footer-card .footer-col a,
.footer-card .footer-bottom,
.footer-card .footer-bottom a { color: #b8c2c9; }
.footer-card .footer-col a:hover,
.footer-card .footer-bottom a:hover { color: #fff; }

/* Imported newsletter markup follows the article typography too. */
.article-body [style*="font-family"]:not(code):not(pre):not(kbd):not(samp) {
  font-family: inherit !important;
}