.science-axes{
  display:flex;
  gap:28px;
  padding:7px 16px;
  border-top:1px solid #e1e5e2;
  background:#fbfcfa;
  color:#506668;
  font:500 11px/1.35 system-ui,sans-serif;
}
.science-axes b{color:#173b3e;font-weight:700}

.science-context{
  border-top:1px solid #dfe4e1;
  background:#fff;
}

.science-row{
  display:grid;
  grid-template-columns:140px 1fr;
  border-bottom:1px solid #e6e9e6;
}

.science-row:last-child{border-bottom:0}

.science-key{
  padding:10px 14px;
  color:#788687;
  font:800 9px/1.3 system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.11em;
}

.science-value{
  padding:10px 14px;
  color:#314e51;
  font:500 12px/1.5 system-ui,sans-serif;
}

.science-value code{
  color:#173c3f;
  font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
}

@media(max-width:700px){
  .science-row{grid-template-columns:1fr}
  .science-key{padding-bottom:2px}
  .science-value{padding-top:3px}
  .science-axes{flex-direction:column;gap:3px}
}

/* Final plot-axis labels: names only. */

.science-axes{
  display:none !important;
}

.science-axis-x,
.science-axis-y{
  position:absolute;
  z-index:6;
  pointer-events:none;
  color:#53696b;
  background:rgba(255,255,252,.82);
  padding:2px 4px;
  font:600 10px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  white-space:nowrap;
}

.science-axis-x{
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
}

.science-axis-y{
  left:6px;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
}