/* ===== Model Detail Page H1 - FINAL UNIFIED STANDARD (Strong Override) ===== */
/* Applies to ALL PM & MS model detail pages (model-level pages only) */

body[data-page-type="model"] h1,
body.product-detail h1,
body.model-detail h1,
body[data-page-type="model"] .h1 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 0.8em !important;
}

@media (max-width: 768px) {
  body[data-page-type="model"] h1,
  body.product-detail h1,
  body.model-detail h1,
  body[data-page-type="model"] .h1 {
    font-size: 22px !important;
  }
}

/* ===== Model Detail Mid-page Typography Normalization (PM + MS) ===== */
/* Fix oversized section headings and body text inside model pages */

body[data-page-type="model"] h2 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  margin-top: 22px !important;
  margin-bottom: 12px !important;
}

body[data-page-type="model"] h3 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}

body[data-page-type="model"] p,
body[data-page-type="model"] li {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

body[data-page-type="model"] ul a,
body[data-page-type="model"] ol a {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Tip / note blocks */
body[data-page-type="model"] .tip,
body[data-page-type="model"] .note {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* ===== MS "Where fits best" KPI Card Typography (Unify with PM) ===== */
/* MS templates use .kpi .value with inline 18px; override to engineering standard */
body[data-page-type="model"] .kpi .value {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

body[data-page-type="model"] .kpi .small {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* ===== Model page link styling (Industrial / Engineering) ===== */
/* Only inside content sections/cards (do NOT affect header/nav/CTAs) */
body[data-page-type="model"] .section a:not(.btn):not(.button):not(.sd-btn):not([class*="btn"]),
body[data-page-type="model"] .card a:not(.btn):not(.button):not(.sd-btn):not([class*="btn"]) {
  color: #1f2937 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body[data-page-type="model"] .section a:not(.btn):not(.button):not(.sd-btn):not([class*="btn"]):hover,
body[data-page-type="model"] .card a:not(.btn):not(.button):not(.sd-btn):not([class*="btn"]):hover {
  color: #111827 !important;
  text-decoration: underline !important;
}

/* Ensure CTA/button-like links keep readable colors */
body[data-page-type="model"] a.btn,
body[data-page-type="model"] a.button,
body[data-page-type="model"] a.sd-btn,
body[data-page-type="model"] a[class*="btn"] {
  text-decoration: none !important;
}

/* Common dark buttons: force white text */
body[data-page-type="model"] a.btn-primary,
body[data-page-type="model"] a.primary,
body[data-page-type="model"] a.btn-black,
body[data-page-type="model"] a.black,
body[data-page-type="model"] a.dark,
body[data-page-type="model"] a[style*="background"],
body[data-page-type="model"] .actions a {
  color: #ffffff !important;
}