/* ================================================================
   TYPOGRAPHY
   ================================================================ */
.section-eyebrow {
  font-family: var(--ff-mono);
  font-size: 10px;
  color: var(--terracotta);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.section-title {
  font-family: var(--ff-display);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--deep);
  line-height: 1.15;
}

.section-title em { font-style: italic; }

.eyebrow {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--terracotta);
}

/* Category badge */
.card-cat {
  display: inline-block;
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--terracotta);
  background: rgba(181,112,90,0.08);
  padding: 3px 8px;
  border-radius: 12px;
  margin-bottom: 8px;
}

/* Rating stars */
.star-full  { color: var(--gold); }
.star-empty { color: var(--border-mid); }

/* Score badge */
.score-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--ff-mono);
  font-size: 12px;
  color: var(--terracotta);
  background: rgba(181,112,90,0.08);
  padding: 3px 10px;
  border-radius: 12px;
}

/* Deal badge */
.deal-off-badge {
  background: var(--terracotta);
  color: white;
  font-size: 10px;
  font-family: var(--ff-mono);
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 8px;
}

.deal-badge {
  background: var(--sage);
  color: var(--sage-deep);
  font-size: 10px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 10px;
  font-family: var(--ff-mono);
}

/* ---- Additions ---- */

/* Category badge — used on article pages */
.cat-badge {
  display: inline-block;
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 12px;
  margin-bottom: 8px;
}
.cat-badge--reviews { color: var(--terracotta); background: rgba(181,112,90,0.1); }
.cat-badge--deals   { color: var(--sage-deep);  background: rgba(200,212,192,0.3); }
.cat-badge--compare { color: #5b6ac0;           background: rgba(91,106,192,0.1); }

/* Score badge colour variants */
.score-badge--great { color: var(--sage-deep); background: rgba(200,212,192,0.3); }
.score-badge--good  { color: #7a6000;          background: rgba(255,193,7,0.15);  }
.score-badge--mid   { color: var(--terracotta); background: rgba(181,112,90,0.08); }
.score-badge--low   { color: #b71c1c;           background: rgba(183,28,28,0.08); }