/* Dr. Matsui's genetic chart (matsui-chart.html). Builds on the variety-tree styles in style.css. */
.mc-h1s{display:block;font-size:.55em;color:var(--cy-text);letter-spacing:.08em;margin-top:.2em}
.mc-svg .mc-corner{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;fill:var(--mag);opacity:.7}
.mc-svg .mc-t1{font-family:var(--sans);font-size:13.5px;font-weight:700;fill:#fff}
.mc-svg .mc-t2{font-size:11.5px;fill:#ffc2f0}
.mc-svg .vt-root .mc-t2{fill:var(--cy-text)}
.mc-svg .mc-t2j{font-family:var(--sans);font-weight:700;fill:#fff}
.mc-svg .mc-qm{font-family:var(--mono);font-size:12px;font-weight:700;fill:var(--warn)}
/* lines: mutation = solid cyan; cross = dashed pink with a junction dot */
.mc-svg .mc-e{opacity:.55;transition:opacity .2s}
.mc-svg .mc-el{fill:none;stroke-width:1.6}
.mc-svg .mc-eh{fill:none;stroke-width:9;stroke-linecap:round;opacity:0;transition:opacity .2s}
.mc-svg .mc-mut .mc-el{stroke:var(--cy)}
.mc-svg .mc-mut .mc-eh{stroke:var(--cy)}
.mc-svg .mc-mut .mc-ah{fill:var(--cy)}
.mc-svg .mc-x .mc-el{stroke:var(--mag);stroke-dasharray:7 5}
.mc-svg .mc-x .mc-eh{stroke:var(--mag)}
.mc-svg .mc-x .mc-ah,.mc-svg .mc-j{fill:var(--mag)}
.mc-svg .mc-unc .mc-el{stroke-dasharray:2 5;stroke-linecap:round;opacity:.8}
.mc-svg .mc-q{font-family:var(--mono);font-size:14px;font-weight:700;fill:var(--warn)}
.mc-svg.has-hl .mc-e:not(.hl):not(.kid){opacity:.1}
.mc-svg.has-hl .vt-n:not(.hl):not(.kid){opacity:.26}
.mc-svg .mc-e.hl{opacity:1}
.mc-svg .mc-e.hl .mc-eh{opacity:.32}
.mc-svg .mc-mut.hl .mc-el{stroke:#fff;stroke-width:2.6}
.mc-svg .mc-mut.hl .mc-ah{fill:#fff}
.mc-svg .mc-x.hl .mc-el{stroke-width:3;animation:vt-march 1.2s linear infinite}
.mc-svg .mc-unc.hl .mc-el{animation:none}
.mc-svg.has-hl .mc-e.kid{opacity:.85}
.mc-svg.has-hl .vt-n.kid{opacity:.85}
.mc-svg.has-hl .vt-n.kid .vt-box{stroke:#ffc2f0}
@media (prefers-reduced-motion:reduce){.mc-svg .mc-x.hl .mc-el{animation:none}}
/* legend */
.mc-quote{margin:0 0 1em;padding:10px 14px;border-left:2px solid var(--mag);background:rgba(255,79,216,.06);font-style:italic}
.mc-quote span{font-style:normal;font-family:var(--mono);font-size:13px;color:var(--muted)}
.mc-legend .mc-sw{position:absolute;left:0;top:.3em;width:2.4em;height:1em;overflow:visible}
.mc-legend li{padding-left:3em}
.mc-sw-mut{stroke:var(--cy);stroke-width:2}
.mc-sw-unc{stroke-dasharray:2 4;stroke-linecap:round}
.mc-sw-muth{fill:var(--cy)}
.mc-sw-x{stroke:var(--mag);stroke-width:2;stroke-dasharray:4 3}
.mc-sw-xh,.mc-sw-j{fill:var(--mag)}
.mc-sw-q{font-family:var(--mono);font-size:9px;font-weight:700;fill:var(--warn)}
/* plain list + names table */
.mc-list{padding-left:1.2em}
.mc-list li{margin:.35em 0}
.mc-jp{color:#fff;font-weight:700}
.mc-ro{color:var(--cy-text)}
.mc-show{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cy);cursor:pointer;
  background:rgba(95,246,255,.04);border:1px solid var(--cy-faint);padding:3px 7px;margin-left:2px;vertical-align:1px}
.mc-show:hover{background:rgba(95,246,255,.12);border-color:var(--cy-dim)}
.mc .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mc-names{min-width:520px}
@media (max-width:760px){.mc-svg .mc-t1{font-size:14px}}
.vt-draw-note.mc-recon{margin-top:2px;font-style:italic;opacity:.8}
.mc-edition{font-size:14px;line-height:1.5;opacity:.88;border-left:2px solid currentColor;padding-left:10px;margin:10px 0}