.sample.line.observed{border-top-style:solid}
.sample.line.inferred{border-top-style:dashed}
.sample.line.contested{border-top-style:dotted;border-top-color:var(--bad)}

.epistemic-badge{
  display:inline-block;
  margin:2px 3px 2px 0;
  padding:2px 5px;
  border:1px solid var(--rule);
  font:700 8px Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.45px;
  background:var(--paper-light);
}
.epistemic-badge.state-observed-fact{border-color:var(--good)}
.epistemic-badge.state-reported{border-color:var(--ink-secondary)}
.epistemic-badge.state-supported-inference{border-style:dashed;border-color:var(--blue)}
.epistemic-badge.state-uncertain-contested{border-style:dotted;border-color:var(--bad)}

.popup-structured{
  border-top:1px solid var(--rule-light);
  margin-top:8px;
  padding-top:6px;
}
.popup-structured h4{
  margin:6px 0 3px;
  font-size:12px;
}
.popup-structured ul{
  margin:3px 0 7px;
  padding-left:18px;
  font-size:11px;
  line-height:1.35;
}
.popup-structured li{margin-bottom:3px}
.popup-structured .relationship-row{margin:5px 0;font-size:11px;line-height:1.3}
.popup-structured .relationship-row b{font-weight:700}
.popup-caution{color:var(--bad)}

.radar-facts{
  display:flex;
  flex-wrap:wrap;
  gap:4px 7px;
  margin-top:6px;
  font:9px Arial,sans-serif;
  text-transform:uppercase;
  color:var(--ink-secondary);
}
.radar-evidence{
  margin-top:7px;
  font-size:10px;
  line-height:1.3;
  color:var(--ink-secondary);
}
.radar-evidence b{color:var(--ink)}

.secondary-location-marker{
  border-radius:50%;
}

@media(max-width:650px){
  .legend{align-items:flex-start}
  .legend div{font-size:9px}
  .popup-structured ul{padding-left:15px}
}