:root {
  --upc-blue-color: hsl(210deg,100%,20%);
  --upc-lblue-color: hsl(206deg,89%,44%);
  --main-li-color: hsl(210deg,100%,20%);
  --main-li-hover-color: hsl(206deg,89%,44%);
  --c-a-color: #bf0d3e;
  --t-c-color: #DB6B00;
  --p-a-color: #108F5A;
  --hover-brightness: 1.7;
}
#diagram-section{
  width:100%;
  height:auto;
  padding: 12px;
}
#diagram {
  object-fit: cover;
  max-inline-size: 100%;
  /*border: 1px solid #aaa;*/
  background-color: #fff;
}
.diagram--full {
  aspect-ratio: 3/2;
}
.diagram--half {
  aspect-ratio: 3/1;
}

#diagram a {
  text-decoration: none;
}


#diagram .headed-text tspan:not(:first-child) {
  font-size: xx-small;
}