/* LeoHub visual tuning: typography + light-theme orbital line treatment */

/* Overall typography: slightly larger for better readability */
.eyebrow,
.kicker,
.footer-label {
  font-size: 11px;
}

h1 {
  font-size: 23px;
}

.status-pill,
.clock,
.theme-toggle {
  font-size: 11px;
}

.theme-label {
  font-size: 11px;
}

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

.legend {
  font-size: 11px;
}

.service-code {
  font-size: 12px;
}

.service-state {
  font-size: 11px;
}

.service-card h4 {
  font-size: 29px;
}

.service-card p {
  font-size: 15px;
}

.service-host {
  font-size: 12px;
}

.footer strong,
.footer-right {
  font-size: 11px;
}

/* Light theme: top-right LH ornament should be line-only, without filled discs */
html[data-theme="light"] .orbital {
  background: transparent;
  box-shadow: none;
  filter: none;
}

html[data-theme="light"] .orbital-core {
  background: transparent;
  box-shadow: none;
}

html[data-theme="light"] .orbit {
  border-color: rgba(22, 127, 210, .24);
}

html[data-theme="light"] .orbital::before,
html[data-theme="light"] .orbital::after {
  background: linear-gradient(90deg, transparent, rgba(22, 127, 210, .28), transparent);
}

html[data-theme="light"] .orbit-node {
  box-shadow: 0 0 8px rgba(22, 127, 210, .26);
}

@media (max-width: 640px) {
  .eyebrow,
  .kicker,
  .footer-label {
    font-size: 10.5px;
  }

  .section-head h2 {
    font-size: 26px;
  }

  .service-card h4 {
    font-size: 27px;
  }

  .service-card p {
    font-size: 14.5px;
  }
}