/* =========================================================
   MACHINE TITLE BLOCK
   SEO-first, Astra-safe, CLS-stable
   ========================================================= */

.machine-title-block {
  max-width: 1100px;
  margin: 40px auto 24px;
  padding: 0 20px;
}

/* H1 — Primary SEO Anchor */
.machine-title {
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 10px;
  color: #111;
}

/* Crawlable Subtitle (NOT decorative) */
.machine-subtitle {
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
  color: #555;
  max-width: 900px;
}

/* Optional visual separator (subtle, non-intrusive) */
.machine-title-block::after {
  content: "";
  display: block;
  margin-top: 20px;
  width: 80px;
  height: 3px;
  background: #00c0ff;
  border-radius: 2px;
}

/* ============================
   Mobile tuning
   ============================ */
@media (max-width: 768px) {
  .machine-title-block {
    margin-top: 24px;
  }

  .machine-title {
    font-size: 1.7rem;
  }

  .machine-subtitle {
    font-size: 0.95rem;
  }
}