#detail-dialog[data-section="technology"],
[data-theme="dark"] #detail-dialog[data-section="technology"] {
  --bg: #ffffff;
  --surface: #f3f6f7;
  --pale: #edf3f6;
  --ink: #223038;
  --muted: #52636d;
  --line: #d3dfe5;
  --blue: #245c80;
  --blue-hover: #194662;
  --identity-ink: #081c30;
  --blueprint-ground: #ffffff;
  --blueprint-border: #cbd8df;
  background: var(--bg);
  color: var(--ink);
  color-scheme: light;
}
#detail-dialog[data-section="technology"] .detail-toolbar {
  background: #ffffff;
}
#detail-dialog[data-section="technology"] .natural-figure,
#detail-dialog[data-section="technology"] .blueprint-figure {
  background: #ffffff;
  border: 1px solid var(--line);
  padding: var(--s5);
}
#detail-dialog[data-section="technology"] .detail-figure img {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}
#detail-dialog[data-section="technology"] .detail-figure figcaption {
  color: var(--muted);
  border-top: 1px solid var(--line);
  padding-top: var(--s4);
  margin-top: var(--s4);
  font-size: 14px;
}
#detail-dialog[data-section="technology"] .natural-figure:not(.annotated-figure)>img {
  max-height: 580px;
  object-fit: contain;
}
#detail-dialog[data-section="technology"] .node-stack,
#detail-dialog[data-section="technology"] .node-diagram:not(.illustrated-node) .node-stack {
  background: var(--surface);
  border: 1px solid var(--line);
}
#detail-dialog[data-section="technology"] .node-stack .node-layer {
  background: #e6edf0;
  color: #223038;
  border-color: #aebfc9;
}
#detail-dialog[data-section="technology"] .node-stack .node-layer:nth-child(even) {
  background: #f8fafb;
}
#detail-dialog[data-section="technology"] .node-stack .node-layer:last-child {
  background: #dce7ec;
  color: #223038;
}
#detail-dialog[data-section="technology"] .callout-line {
  height: 1.5px;
  background: #214c64;
  box-shadow: 0 0 0 1px #ffffffb3;
}
#detail-dialog[data-section="technology"] .callout-line.interface-line {
  background: repeating-linear-gradient(to right,#214c64 0 5px,transparent 5px 9px);
  box-shadow: none;
}
#detail-dialog[data-section="technology"] .callout-dot {
  background: #214c64;
  box-shadow: 0 0 0 2px #fff;
}
#detail-dialog[data-section="technology"] .callout-badge,
#detail-dialog[data-section="technology"] .numbered-node .node-legend>div>b {
  background: #fff;
  color: #173e56;
  border: 1.5px solid #245c80;
}
#detail-dialog[data-section="technology"] .callout-badge.interface-badge {
  border-style: dashed;
}
@media(max-width:700px) {
  #detail-dialog[data-section="technology"] .natural-figure,
  #detail-dialog[data-section="technology"] .blueprint-figure {
    padding: var(--s3);
  }
}