/* Reviewed browser annotations: component-local sizing and spacing. */
#infrastructureSection .cable-interactive > .source-note{
  font-size:13px!important;
  line-height:1.6;
}
#infrastructureSection .cable-controls{
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:7px;
  padding:4px 4px 8px;
  scroll-padding-inline:4px;
}
#infrastructureSection .cable-controls button{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:480px){
  #infrastructureSection .cable-controls{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow-x:visible;
  }
  #infrastructureSection .cable-controls button{
    min-width:0;
    white-space:normal;
  }
  .reporting-inner .story-credits p{
    font-size:12px;
    letter-spacing:0;
  }
}
#cable3d.has-model canvas{margin-top:52px}
#cable3d #cableReset{
  position:absolute;
  top:6px;
  right:8px;
  z-index:1;
  min-height:44px;
  padding:8px 12px;
  border:1px solid var(--border,#bcb9a7);
  border-radius:7px;
  background:var(--paper,#e9e3d3);
  color:var(--ink,#173c50);
  font:inherit;
  font-size:13px;
}
#cable3d:not(.has-model) #cableReset{display:none}
#cable3d.has-model #cableStatus{bottom:12px}

@media(min-width:768px){
  #infrastructureSection .cable-controls{justify-content:center}
}

/* The kilometre bar refers to the globe centre, rather than its inset position. */
#globeStage #globeScale{
  position:absolute;right:10px;z-index:1;
  transform:translateY(-100%);
  padding:7px 8px;
  border:1px solid rgba(205,231,224,.25);
  border-radius:7px;
  background:rgba(9,45,62,.78);
  color:#f5edd9;
  font-size:10px;line-height:1.3;
  pointer-events:none;
}
#globeStage #globeScale[hidden],#globeStage.regional-map-visible #globeScale{display:none}
.globe-scale-values{text-align:center;white-space:nowrap;margin-bottom:3px}
.globe-scale-bar{height:7px;margin-inline:auto;border:solid currentColor;border-width:0 1px 2px}
.globe-scale-note{margin-top:5px;text-align:center;overflow-wrap:normal}
#globeStage>.globe-scale-toggle{display:none}
@media(max-width:767px){
  #globeStage>.globe-scale-toggle{
    display:grid;place-items:center;
    position:absolute;right:10px;z-index:2;
    width:44px;height:44px;min-height:44px;
    padding:10px;border:1px solid rgba(205,231,224,.25);border-radius:7px;
    background:rgba(9,45,62,.78);color:#f5edd9;
    transform:translateY(-100%);cursor:pointer;
  }
  #globeStage.scale-expanded>.globe-scale-toggle{transform:translateY(calc(-100% - 66px))}
  .globe-scale-toggle svg{display:block;width:22px;height:22px}
  #globeStage>.globe-scale-toggle[aria-pressed=true]{background:var(--selected);color:var(--on-selected)}
  #globeStage:not(.scale-expanded) #globeScale{display:none}
}
#globeStage.regional-map-visible>.globe-scale-toggle{display:none}