/* inline */
@scope (html[data-site-styles~="497d7d7775623a79"]) {
.infra-mobile-cards:where(:scope, *) {
  margin: 1rem 0;
}
.infra-mobile-cards table:where(:scope, *) {
  width: 100%;
}
.infra-mobile-cards th:where(:scope, *),
.infra-mobile-cards td:where(:scope, *) {
  vertical-align: top;
  overflow-wrap: anywhere;
}
.infra-roi-card:where(:scope, *) {
  background: var(--bs-light, #f8f9fa);
  border-left: 4px solid #16A085;
  border-radius: 10px;
  margin-top: 0.5rem;
  padding: 1rem;
}
.infra-roi-grid:where(:scope, *) {
  display: grid;
  gap: 0.55rem;
  margin: 0.75rem 0;
}
.infra-roi-row:where(:scope, *) {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.55rem;
}
.infra-roi-row:last-child:where(:scope, *) {
  border-bottom: 0;
  padding-bottom: 0;
}
.infra-roi-row > span:where(:scope, *) {
  overflow-wrap: anywhere;
}
.infra-roi-header:where(:scope, *) {
  border-bottom: 2px solid #dee2e6;
  font-weight: 700;
}
.infra-roi-value:where(:scope, *) {
  text-align: right;
}
.infra-roi-note:where(:scope, *) {
  color: #6c757d;
  font-size: 0.9em;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .infra-mobile-cards table:where(:scope, *),
  .infra-mobile-cards thead:where(:scope, *),
  .infra-mobile-cards tbody:where(:scope, *),
  .infra-mobile-cards tr:where(:scope, *),
  .infra-mobile-cards th:where(:scope, *),
  .infra-mobile-cards td:where(:scope, *) {
    display: block;
    width: 100%;
  }
  .infra-mobile-cards thead:where(:scope, *) {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
  }
  .infra-mobile-cards tbody:where(:scope, *) {
    display: grid;
    gap: 0.85rem;
  }
  .infra-mobile-cards tr:where(:scope, *) {
    background: #fff;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.8rem;
    box-shadow: 0 2px 5px rgba(33, 37, 41, 0.05);
    padding: 0.75rem;
  }
  .infra-mobile-cards td:where(:scope, *) {
    border: 0 !important;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(7rem, 42%) minmax(0, 1fr);
    padding: 0.35rem 0 !important;
  }
  .infra-mobile-cards td:where(:scope, *)::before {
    color: #495057;
    content: "Field";
    font-weight: 700;
  }
  .infra-core-table td:nth-child(1):where(:scope, *)::before { content: "Infrastructure"; }
  .infra-core-table td:nth-child(2):where(:scope, *)::before { content: "Traditional use"; }
  .infra-core-table td:nth-child(3):where(:scope, *)::before { content: "Sensing capability"; }
  .infra-core-table td:nth-child(4):where(:scope, *)::before { content: "What it measures"; }
  .infra-comparison-table td:nth-child(1):where(:scope, *)::before { content: "Dimension"; }
  .infra-comparison-table td:nth-child(2):where(:scope, *)::before { content: "Dedicated sensors"; }
  .infra-comparison-table td:nth-child(3):where(:scope, *)::before { content: "Infrastructure"; }
  .infra-zone-table td:nth-child(1):where(:scope, *)::before { content: "Building zone"; }
  .infra-zone-table td:nth-child(2):where(:scope, *)::before { content: "APs in zone"; }
  .infra-zone-table td:nth-child(3):where(:scope, *)::before { content: "Devices at 9am"; }
  .infra-zone-table td:nth-child(4):where(:scope, *)::before { content: "Devices at 3am"; }
  .infra-zone-table td:nth-child(5):where(:scope, *)::before { content: "Occupancy estimate"; }
  .infra-cost-table td:nth-child(1):where(:scope, *)::before { content: "Approach"; }
  .infra-cost-table td:nth-child(2):where(:scope, *)::before { content: "Hardware cost"; }
  .infra-cost-table td:nth-child(3):where(:scope, *)::before { content: "Installation"; }
  .infra-cost-table td:nth-child(4):where(:scope, *)::before { content: "Maintenance"; }
  .infra-cost-table td:nth-child(5):where(:scope, *)::before { content: "Accuracy"; }
  .infra-decision-table td:nth-child(1):where(:scope, *)::before { content: "Decision"; }
  .infra-decision-table td:nth-child(2):where(:scope, *)::before { content: "Choice"; }
  .infra-decision-table td:nth-child(3):where(:scope, *)::before { content: "Rationale"; }
  .infra-concept-table td:nth-child(1):where(:scope, *)::before { content: "Concept"; }
  .infra-concept-table td:nth-child(2):where(:scope, *)::before { content: "Related to"; }
  .infra-concept-table td:nth-child(3):where(:scope, *)::before { content: "Connection"; }
  .infra-next-table td:nth-child(1):where(:scope, *)::before { content: "Goal"; }
  .infra-next-table td:nth-child(2):where(:scope, *)::before { content: "Chapter"; }
  .infra-next-table td:nth-child(3):where(:scope, *)::before { content: "Description"; }
  .infra-roi-row:where(:scope, *),
  .infra-roi-header:where(:scope, *) {
    display: block;
  }
  .infra-roi-header:where(:scope, *) {
    height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
  }
  .infra-roi-row:where(:scope, *) {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    padding: 0.75rem;
  }
  .infra-roi-row > span:where(:scope, *) {
    display: block;
    margin: 0.25rem 0;
    text-align: left;
  }
  .infra-roi-row > span:first-child:where(:scope, *) {
    color: #212529;
    font-weight: 700;
  }
  .infra-roi-row > span:nth-child(2):where(:scope, *)::before {
    content: "Dedicated sensors: ";
    font-weight: 700;
  }
  .infra-roi-row > span:nth-child(3):where(:scope, *)::before {
    content: "Hybrid infrastructure: ";
    font-weight: 700;
  }
}
@media (max-width: 430px) {
  .infra-mobile-cards td:where(:scope, *) {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}
}