/* ==========================================================================
   99CentGigs typography, modeled on framer.com:
   - Display headings: bold (700), tight tracking (-0.035em), two sizes up.
     Framer uses GT Walsheim (a paid font); DM Sans is the closest free match.
   - Everything else: Inter, regular weight, slightly tightened.
   Only fonts, weights, tracking and page-title sizes; no colors or layout.
   ========================================================================== */
/* Fonts are now self-hosted and set in /css/brand.css (Geist).
   The old Inter/DM Sans download was removed so pages load faster. */

/* Body text: Inter everywhere */
html body,
html body :where(p, span, a, li, label, input, select, textarea, button, div, td, th, small, strong, em, b, dt, dd, option){
  font-family:'Geist', Arial, sans-serif !important;
}
html body{ letter-spacing:-0.006em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* Display headings: page titles and section titles */
html body :is(h1, h2, .section-title, .hero-caption h1, .hero-strip h1, .compare-title, .doc-title,
  .how-title, .meet-title, .ph-title, .hf-title, .hp-title){
  font-family:'Geist', Arial, sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-0.035em !important;
}
/* Words inside a heading (e.g. the green "Gig.") match the heading */
html body :is(h1, h2, .section-title, .hero-caption h1, .hero-strip h1, .compare-title, .doc-title,
  .how-title, .meet-title, .ph-title, .hf-title, .hp-title) *{
  font-family:inherit !important; font-weight:inherit !important; letter-spacing:inherit !important;
}
/* Two steps up from Framer's scale: 72px page titles, 64px section titles (scaled down on phones) */
html body h1, html body .hero-caption h1, html body .hero-strip h1{
  font-size:clamp(38px, 5.4vw, 72px) !important; line-height:1.02 !important;
}
html body :is(.hf-title, .hp-title, .compare-title){
  font-size:clamp(36px, 5vw, 64px) !important; line-height:1.04 !important;
}

/* Smaller titles: cards, lists, filters */
html body :is(h3, .sub-title, .card-title, .lc-title, .sc-title, .vc-title, .review-title,
  .opt-card h3, .faq-card h2, .results-count, .filters h3, .li-info .name){
  font-family:'Geist', Arial, sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-0.012em !important;
}

/* Filter sidebar: every main category (Date Posted, Employment Type,
   Category, Price...) bold so it stands out from its options */
.filters h3,
.filters .fg-title,
.filter-group .fg-title,
.filter-group > .fg-header .fg-title{
  font-weight:800 !important;
  color:#000 !important;
}