/* RA Factory: servers page typography normalization.
   Scoped only by html[data-ra-factory-section="servers"].
   Matches main Factory UI: Inter, normal tracking, restrained weights. */

html[data-ra-factory-section="servers"] body,
html[data-ra-factory-section="servers"] .main,
html[data-ra-factory-section="servers"] .main *,
html[data-ra-factory-section="servers"] main,
html[data-ra-factory-section="servers"] main * {
  font-family: Inter, sans-serif !important;
  letter-spacing: normal !important;
  font-synthesis: none !important;
  text-rendering: geometricPrecision !important;
}

html[data-ra-factory-section="servers"] .main,
html[data-ra-factory-section="servers"] main {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

html[data-ra-factory-section="servers"] h1,
html[data-ra-factory-section="servers"] .main h1,
html[data-ra-factory-section="servers"] main h1 {
  font-size: 28px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
  color: #edf1f8 !important;
}

html[data-ra-factory-section="servers"] h2,
html[data-ra-factory-section="servers"] .main h2,
html[data-ra-factory-section="servers"] main h2 {
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
  letter-spacing: normal !important;
  color: #edf1f8 !important;
}

html[data-ra-factory-section="servers"] h3,
html[data-ra-factory-section="servers"] .main h3,
html[data-ra-factory-section="servers"] main h3 {
  font-size: 16px !important;
  line-height: 1.22 !important;
  font-weight: 720 !important;
  letter-spacing: normal !important;
  color: #e8eaf0 !important;
}

html[data-ra-factory-section="servers"] p,
html[data-ra-factory-section="servers"] .main p,
html[data-ra-factory-section="servers"] main p,
html[data-ra-factory-section="servers"] .main span,
html[data-ra-factory-section="servers"] main span,
html[data-ra-factory-section="servers"] .main div,
html[data-ra-factory-section="servers"] main div {
  letter-spacing: normal !important;
}

html[data-ra-factory-section="servers"] .main p,
html[data-ra-factory-section="servers"] main p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #9299aa !important;
}

html[data-ra-factory-section="servers"] button,
html[data-ra-factory-section="servers"] .main button,
html[data-ra-factory-section="servers"] main button {
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}

/* Preserve only small technical eyebrow as factory-style metadata. */
html[data-ra-factory-section="servers"] .eyebrow,
html[data-ra-factory-section="servers"] [class*="eyebrow"],
html[data-ra-factory-section="servers"] [class*="kicker"],
html[data-ra-factory-section="servers"] [class*="meta"] {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #8b97c9 !important;
}

/* Cards should visually sit in the same density as dashboard cards. */
html[data-ra-factory-section="servers"] .card,
html[data-ra-factory-section="servers"] [class*="card"],
html[data-ra-factory-section="servers"] [class*="Card"] {
  font-family: Inter, sans-serif !important;
  letter-spacing: normal !important;
}

html[data-ra-factory-section="servers"] code,
html[data-ra-factory-section="servers"] pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  letter-spacing: normal !important;
}
