/* inline */
@scope (html[data-site-styles~="b4f2a7f002ad37a2"]) {
.stbio-mobile-cards table:where(:scope, *) {
  width: 100%;
}
.stbio-mobile-cards th:where(:scope, *),
.stbio-mobile-cards td:where(:scope, *) {
  vertical-align: top;
}
.stbio-flow-card:where(:scope, *) {
  border: 1px solid rgba(28, 82, 115, 0.18);
  border-left: 4px solid #2b7a78;
  border-radius: 0.75rem;
  background: #f7fbfa;
  padding: 0.9rem 1rem;
  margin: 0.8rem 0;
}
.stbio-flow-card p:last-child:where(:scope, *),
.stbio-flow-card ul:last-child:where(:scope, *) {
  margin-bottom: 0;
}
.stbio-metric-grid:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.85rem;
  margin: 1rem 0;
}
.stbio-metric-card:where(:scope, *) {
  border: 1px solid rgba(20, 62, 87, 0.15);
  border-radius: 0.8rem;
  background: #fbfdfd;
  padding: 0.9rem 1rem;
}
.stbio-metric-card strong:where(:scope, *) {
  display: block;
  margin-bottom: 0.35rem;
}
.stbio-widget:where(:scope, *) {
  border: 1px solid rgba(28, 82, 115, 0.18);
  border-left: 4px solid #2b7a78;
  border-radius: 0.75rem;
  background: #f7fbfa;
  padding: 1rem;
  margin: 0.9rem 0 1.1rem;
}
.stbio-controls:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.85rem;
}
.stbio-control:where(:scope, *) {
  display: grid;
  gap: 0.35rem;
  font-weight: 650;
}
.stbio-control span:where(:scope, *) {
  color: #314b5c;
  font-weight: 750;
}
.stbio-control input:where(:scope, *) {
  width: 100%;
}
.stbio-result:where(:scope, *) {
  background: #fff;
  border-radius: 0.65rem;
  border-left: 4px solid #2b7a78;
  margin-top: 0.9rem;
  padding: 0.85rem 0.95rem;
}
.stbio-result p:where(:scope, *),
.stbio-result ul:where(:scope, *) {
  margin-bottom: 0.5rem;
}
@media (max-width: 700px) {
  .stbio-mobile-cards table:where(:scope, *),
  .stbio-mobile-cards thead:where(:scope, *),
  .stbio-mobile-cards tbody:where(:scope, *),
  .stbio-mobile-cards th:where(:scope, *),
  .stbio-mobile-cards td:where(:scope, *),
  .stbio-mobile-cards tr:where(:scope, *) {
    display: block;
    width: 100%;
  }
  .stbio-mobile-cards thead:where(:scope, *) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .stbio-mobile-cards tr:where(:scope, *) {
    border: 1px solid rgba(25, 70, 95, 0.18);
    border-radius: 0.85rem;
    box-shadow: 0 1px 4px rgba(15, 40, 60, 0.06);
    margin: 0 0 0.85rem;
    overflow: hidden;
    background: #fff;
  }
  .stbio-mobile-cards td:where(:scope, *) {
    border: 0;
    border-bottom: 1px solid rgba(25, 70, 95, 0.1);
    min-height: 3rem;
    padding: 0.72rem 0.8rem 0.72rem 43%;
    position: relative;
    overflow-wrap: anywhere;
  }
  .stbio-mobile-cards td:last-child:where(:scope, *) {
    border-bottom: 0;
  }
  .stbio-mobile-cards td:where(:scope, *)::before {
    color: #314b5c;
    content: "";
    font-size: 0.74rem;
    font-weight: 700;
    left: 0.8rem;
    line-height: 1.2;
    position: absolute;
    text-transform: uppercase;
    top: 0.78rem;
    width: 36%;
  }
  .stbio-receptor-table td:nth-child(1):where(:scope, *)::before { content: "Receptor"; }
  .stbio-receptor-table td:nth-child(2):where(:scope, *)::before { content: "Sensation"; }
  .stbio-receptor-table td:nth-child(3):where(:scope, *)::before { content: "Adaptation"; }
  .stbio-receptor-table td:nth-child(4):where(:scope, *)::before { content: "IoT equivalent"; }
  .stbio-receptor-table td:nth-child(5):where(:scope, *)::before { content: "Key property"; }
  .stbio-biotac-table td:nth-child(1):where(:scope, *)::before { content: "Skin feature"; }
  .stbio-biotac-table td:nth-child(2):where(:scope, *)::before { content: "BioTac design"; }
  .stbio-biotac-table td:nth-child(3):where(:scope, *)::before { content: "Capability"; }
  .stbio-decision-table td:nth-child(1):where(:scope, *)::before { content: "Requirement"; }
  .stbio-decision-table td:nth-child(2):where(:scope, *)::before { content: "Slow/DC"; }
  .stbio-decision-table td:nth-child(3):where(:scope, *)::before { content: "Fast/AC"; }
  .stbio-decision-table td:where(:scope, *) {
    padding: 1.65rem 0.8rem 0.72rem;
  }
  .stbio-decision-table td:where(:scope, *)::before {
    left: 0.8rem;
    top: 0.55rem;
    width: auto;
  }
  .stbio-relationships-table td:nth-child(1):where(:scope, *)::before { content: "Core concept"; }
  .stbio-relationships-table td:nth-child(2):where(:scope, *)::before { content: "Related"; }
  .stbio-relationships-table td:nth-child(3):where(:scope, *)::before { content: "Why it matters"; }
  .stbio-next-table td:nth-child(1):where(:scope, *)::before { content: "Topic"; }
  .stbio-next-table td:nth-child(2):where(:scope, *)::before { content: "Link"; }
  .stbio-next-table td:nth-child(3):where(:scope, *)::before { content: "Why it matters"; }
}
}