/* inline */
@scope (html[data-site-styles~="d5aa66477aa4f738"]) {
iot-depth:where(:scope, *) {
  --part-color: #2f7d8c;
}

.uavnettopo-depth p:where(:scope, *),
.uavnettopo-depth li:where(:scope, *) {
  line-height: 1.62;
}

.uavnettopo-depth-figure:where(:scope, *) {
  margin: 1rem 0 1.1rem;
}

.uavnettopo-depth-figure figcaption:where(:scope, *) {
  color: #3f575d;
  font-size: 0.95rem;
  margin-top: 0.45rem;
  text-align: center;
}

.uavnettopo-mobile-summary:where(:scope, *) {
  border-left: 4px solid #2f7d8c;
  background: #f6fcfc;
  padding: 0.8rem 0.95rem;
  margin: 0.9rem 0 1rem;
}

.uavnettopo-grid:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.9rem;
  margin: 1rem 0 1.25rem;
}

.uavnettopo-card:where(:scope, *) {
  border: 1px solid rgba(20, 39, 56, 0.14);
  border-top: 4px solid #2f7d8c;
  border-radius: 8px;
  padding: 0.95rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(20, 39, 56, 0.07);
}

.uavnettopo-card h3:where(:scope, *),
.uavnettopo-card h4:where(:scope, *) {
  margin-top: 0;
  font-size: 1.02rem;
}

.uavnettopo-card p:last-child:where(:scope, *),
.uavnettopo-card ul:last-child:where(:scope, *) {
  margin-bottom: 0;
}

.uavnettopo-checklist:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0 1.25rem;
}

.uavnettopo-check:where(:scope, *) {
  border-left: 4px solid #6f8f3d;
  padding: 0.75rem 0.85rem;
  background: #f7faf4;
}

.uavnettopo-check strong:where(:scope, *) {
  display: block;
  margin-bottom: 0.2rem;
}

#fig-uav-topologies-decision-map:where(:scope, *),
#fig-uav-topologies-pattern-comparison:where(:scope, *),
#fig-uav-topologies-decision-record:where(:scope, *),
#fig-uav-topologies-decision-map img.figure-img:where(:scope, *),
#fig-uav-topologies-pattern-comparison img.figure-img:where(:scope, *),
#fig-uav-topologies-decision-record img.figure-img:where(:scope, *),
img[src$="label-quiz-uav-topologies-records.svg"]:where(:scope, *) {
  display: block;
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

#fig-uav-topologies-decision-map:hover:where(:scope, *),
#fig-uav-topologies-pattern-comparison:hover:where(:scope, *),
#fig-uav-topologies-decision-record:hover:where(:scope, *),
#fig-uav-topologies-decision-map img.figure-img:hover:where(:scope, *),
#fig-uav-topologies-pattern-comparison img.figure-img:hover:where(:scope, *),
#fig-uav-topologies-decision-record img.figure-img:hover:where(:scope, *),
img[src$="label-quiz-uav-topologies-records.svg"]:hover:where(:scope, *) {
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .uavnettopo-grid:where(:scope, *),
  .uavnettopo-checklist:where(:scope, *) {
    grid-template-columns: 1fr;
  }

  .uavnettopo-card:where(:scope, *),
  .uavnettopo-check:where(:scope, *) {
    padding: 0.85rem;
  }
}

h2.depth-boundary:where(:scope, *),
h3.depth-boundary:where(:scope, *),
h4.depth-boundary:where(:scope, *),
h5.depth-boundary:where(:scope, *),
h6.depth-boundary:where(:scope, *),
h2.depth-boundary:where(:scope, *)::after,
h3.depth-boundary:where(:scope, *)::after,
h4.depth-boundary:where(:scope, *)::after,
h5.depth-boundary:where(:scope, *)::after,
h6.depth-boundary:where(:scope, *)::after,
h2.depth-boundary:where(:scope, *)::before,
h3.depth-boundary:where(:scope, *)::before,
h4.depth-boundary:where(:scope, *)::before,
h5.depth-boundary:where(:scope, *)::before,
h6.depth-boundary:where(:scope, *)::before { display: none !important; content: none !important; }
}