/* NetIntel — Typography and Readability Improvements */

/* Base typography */
body {
    font-size: 16px;
    line-height: 1.75;
}

/* Navigation */
.main-nav {
    font-size: 15px;
    gap: 27px;
}

.nav-cta {
    font-size: 14px;
}

/* Main content */
.hero-lede {
    font-size: 17px;
    line-height: 1.85;
}

.section-heading > p {
    font-size: 16px;
    line-height: 1.8;
}

.feature-card h3 {
    font-size: 19px;
}

.feature-card p {
    font-size: 15px;
    line-height: 1.8;
}

.architecture-copy p,
.about-section p {
    font-size: 16px;
    line-height: 1.85;
}

.text-link {
    font-size: 15px;
}

/* Architecture diagram */
.signal-card strong {
    font-size: 16px;
}

.signal-card small {
    font-size: 12px;
    line-height: 1.6;
}

.pipeline-step > div:nth-child(2) > span {
    font-size: 11px;
}

.pipeline-step strong {
    font-size: 15px;
}

.pipeline-step small {
    font-size: 13px;
    line-height: 1.6;
}

/* Release banner */
.release-copy h2 {
    font-size: 26px;
}

.release-copy p {
    font-size: 15px;
    line-height: 1.8;
}

/* Release page */
.back-link {
    font-size: 14px;
}

.release-lede {
    font-size: 16px;
    line-height: 1.8;
}

.release-status strong {
    font-size: 15px;
}

.release-status p {
    font-size: 14px;
    line-height: 1.8;
}

.release-section h2 {
    font-size: 28px;
}

.section-intro {
    font-size: 15px;
    line-height: 1.8;
}

.package-content h3 {
    font-size: 18px;
}

.package-content p {
    font-size: 14px;
    line-height: 1.7;
}

.publish-note strong {
    font-size: 14px;
}

.publish-note p {
    font-size: 13px;
    line-height: 1.8;
}

.resource-row strong {
    font-size: 14px;
}

.resource-row small {
    font-size: 13px;
    line-height: 1.6;
}

pre {
    font-size: 13px;
    line-height: 1.8;
}

.command-panel > p,
.small-note {
    font-size: 13px;
    line-height: 1.8;
}

.release-help h2 {
    font-size: 24px;
}

.release-help p {
    font-size: 15px;
    line-height: 1.8;
}

/* Small technical labels */
.eyebrow,
.section-kicker,
.feature-number,
.signal-label,
.visual-topline,
.visual-bottom,
.package-type,
.command-title {
    font-size: 11px;
    line-height: 1.5;
}

/* Buttons */
.button {
    font-size: 15px;
    min-height: 48px;
    padding: 13px 19px;
}

/* Mobile refinements */
@media (max-width: 680px) {
    .hero-lede {
        font-size: 16px;
    }

    .section-heading > p,
    .feature-card p {
        font-size: 15px;
    }

    .pipeline-step strong {
        font-size: 14px;
    }

    .pipeline-step small {
        font-size: 12px;
    }

    .release-copy p {
        font-size: 14px;
    }

    .release-lede {
        font-size: 15px;
    }

    .package-content p {
        font-size: 13px;
    }

    .resource-row small {
        font-size: 12px;
    }

    pre {
        font-size: 12px;
    }
}

/* Trust strip */
.trust-inner > span {
    font-size: 13px;
}

.trust-inner > div {
    font-size: 14px;
}

/* Hero footnote */
.hero-footnote {
    font-size: 13px;
}

.tiny-check {
    font-size: 15px;
}

/* Footer */
.footer-bottom {
    font-size: 12px;
}

.footer-main > p {
    font-size: 13px;
}

.footer-links {
    font-size: 13px;
}


/* Compact resource metrics inside the hero */
.hero-metrics {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 0.5rem;
}

.hero-metric {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.hero-metric__value {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
}

.hero-metric__label {
  font-size: 0.78rem;
  opacity: 0.75;
}

.hero-metrics__divider {
  width: 1px;
  height: 2rem;
  background: var(--border-color, rgba(127, 127, 127, 0.3));
}

.hero-metrics__note {
  max-width: 430px;
  margin-top: 0.35rem;
  font-size: 0.7rem;
  line-height: 1.45;
  opacity: 0.65;
}

@media (max-width: 520px) {
  .hero-metrics {
    gap: 0.9rem;
  }

  .hero-metric__value {
    font-size: 1.05rem;
  }
}