@import url("./dengue-virus.css");

/* 复用病毒图谱的仪器式布局，以梅紫与珊瑚色区分丝状病毒层级。 */
.ebola-page {
  --dv-teal: #76516f;
  --dv-teal-dark: #59394f;
  --dv-mint: #f0e6ed;
  --dv-coral: #d76a5f;
  --dv-gold: #d7a64b;
}
.ebola-page .virus-stage { background: radial-gradient(circle at 50% 44%, #fff 0, #fbf8fa 45%, #f0e9ee 100%); }
.ebola-page .structure-label[data-label="gp"] i { background: var(--dv-coral); box-shadow: 0 0 0 1px var(--dv-coral); }
.ebola-page .structure-label[data-label="envelope"] i { background: #72b5a8; box-shadow: 0 0 0 1px #72b5a8; }
.ebola-page .structure-label[data-label="vp40"] i { background: var(--dv-gold); box-shadow: 0 0 0 1px var(--dv-gold); }
.ebola-page .structure-label[data-label="nucleocapsid"] i { background: #7187b5; box-shadow: 0 0 0 1px #7187b5; }
.ebola-page .structure-label[data-label="rna"] i { background: #8a76ba; box-shadow: 0 0 0 1px #8a76ba; }
.ebola-page .symbol-all { width: 27px; height: 13px; margin: 6px 0; border: 2px solid #72a99e; border-radius: 50%; background: radial-gradient(circle, #b8d8d0 1px, transparent 1px); background-size: 5px 5px; transform: rotate(-14deg); }
.ebola-page .symbol-gp:before { content: ""; position: absolute; left: 11px; top: 8px; width: 4px; height: 16px; border-radius: 3px; background: var(--dv-coral); }
.ebola-page .symbol-gp:after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 6px; border-radius: 50%; background: var(--dv-coral); box-shadow: 6px -1px 0 #e58a80, 12px 1px 0 var(--dv-coral); }
.ebola-page .symbol-envelope { height: 15px; margin: 5px 0; border: 3px double #73aa9d; border-radius: 50%; transform: rotate(-14deg); }
.ebola-page .symbol-vp40:before { content: ""; position: absolute; inset: 5px 2px; border-top: 4px dotted var(--dv-gold); border-bottom: 4px dotted var(--dv-gold); transform: rotate(-12deg); }
.ebola-page .symbol-nucleocapsid:before { content: ""; position: absolute; inset: 2px 1px; border: 3px solid #8295bf; border-left-color: transparent; border-right-color: transparent; border-radius: 50%; transform: rotate(-18deg); }
.ebola-page .symbol-nucleocapsid:after { content: ""; position: absolute; left: 12px; top: 1px; width: 3px; height: 24px; background: #8295bf; transform: rotate(32deg); opacity: .7; }
.ebola-page .genome-utr { width: 54px; flex-basis: 54px; line-height: 1.45; font-size: 9px; }
.ebola-page .gene-gp { flex: 1.3; }
.ebola-page .gene-l { flex: 2.2; }
.ebola-page .structural-protein-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ebola-page .nonstructural-heading { border-top-style: solid; }
@media (max-width: 860px) {
  .ebola-page .structural-protein-grid { grid-template-columns: 1fr; }
}