/* TenantBridge — mobile-only overrides (max-width: 767px via index.html media)
   Loaded after landing.css; keeps small-screen tweaks out of the main sheet. */

/* Hero trust row: tighter rhythm, readable line length on narrow screens */
.hero-trust {
  gap: 1rem 1rem;
}
.hero-trust-item {
  flex: 1 1 45%;
  min-width: min(100%, 12rem);
}

/* Workflow: vertical rhythm without the timeline rail */
.step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1.75rem;
}
.step-num {
  margin-bottom: 0;
}
.step-body {
  padding-top: 0;
  width: 100%;
}

/* Section pills: less likely to wrap awkwardly */
.section-label {
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
}

/* Metrics strip: stacked layout reads as distinct rows */
.metrics-strip {
  text-align: center;
}
.metric-item + .metric-item {
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Footer */
.footer-legal,
.footer-links a {
  font-size: 0.75rem;
}
.footer-inner {
  gap: 1.25rem;
}

/* Modal close: minimum tap target (44×44) */
.ld-modal-close {
  min-width: 44px;
  min-height: 44px;
}

/* Nav drawer in dark mode */
@media (prefers-color-scheme: dark) {
  .nav-links[data-open] {
    background: rgba(15, 23, 42, 0.97);
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
  .nav-links[data-open] a {
    color: #cbd5e1;
  }
  .nav-links[data-open] a:hover {
    color: #f1f5f9;
    background: rgba(255, 255, 255, 0.06);
  }
  .nav-cta-mobile {
    border-top-color: rgba(255, 255, 255, 0.08);
  }
}