.actuatorHero:after {
  content: "111";
}
.actuatorHero {
  background: radial-gradient(circle at 78% 40%, #362b13, #0b0c0e 48%);
}
.actuatorNotice {
  background: #f1b94a;
}
.actuatorRow b {
  color: #f1b94a;
}
.actuatorRow:hover > i {
  color: #f1b94a;
}
.actuatorDetailHero {
  background: radial-gradient(circle at 75% 42%, #3b2b12, #0c0d0f 52%);
}
.actuatorControl {
  padding: 28px 7vw;
  background: #f1b94a;
  color: #111;
  display: grid;
  grid-template-columns: 0.45fr 1.55fr;
  gap: 40px;
  align-items: center;
}
.actuatorControl small {
  font: 8px monospace;
  letter-spacing: 0.12em;
}
.actuatorControl strong {
  font-size: 15px;
  line-height: 1.5;
}
.actuatorRule {
  background: #f1b94a;
}
.actuatorPage .scopeTrace {
  stroke: #f1b94a;
}
.actuatorPage .scopeTrace.scopeTraceB,
.actuatorPage .scopeTrace.mergedChannelB {
  stroke: #d6d9de;
}
.actuatorPage .scopeMeta span i {
  background: #f1b94a;
  box-shadow: 0 0 9px #f1b94a;
}
.actuatorPage .scopeMeta span.channelB i {
  background: #d6d9de;
  box-shadow: 0 0 9px #d6d9de;
}
.actuatorPage .scopeLegend span:first-child i {
  background: #f1b94a;
}
.actuatorPage .scopeLegend span:nth-child(2) i {
  background: #d6d9de;
}
.actuatorPage .scopeTrigger {
  fill: #f1b94a;
}
.actuatorPage .scopeMeta {
  color: #f1b94a;
}
@media (max-width: 600px) {
  .actuatorControl {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 24px 22px;
  }
  .actuatorControl strong {
    font-size: 13px;
  }
  .actuatorHero h1 {
    font-size: clamp(41px, 14vw, 60px);
  }
}