#phantoms .phantom-card{border-radius:10px;transition:border-color .15s,background .15s}
#phantoms .phantom-card:hover,#phantoms .phantom-card:focus-visible{background:#f4f7f5;border-color:#396957}
#phantoms .phantom-heading .article-kicker{color:#48705e;letter-spacing:.04em}
#phantoms .phantom-heading{margin-bottom:12px}
.phantom-viewer>h3{font-size:18px;margin:0 0 12px}
.phantom-viewer details>summary{cursor:pointer;padding:9px 0;font-weight:600}
.phantom-viewer .phantom-source-info{border-top:1px solid #e5e9e6;padding-top:8px}
.phantom-viewer #phantom-motion{max-width:240px}
.phantom-viewer .lab-transport button,.phantom-viewer select{min-height:42px}
.phantom-viewer #phantom-attack-demo{order:-1;background:#315e4d;border-color:#315e4d;color:#fff}
.phantom-viewer .phantom-effect-view{border:1px solid #dce4de;border-radius:9px;padding:0 14px}
.phantom-viewer .phantom-effect-view[open]{padding-bottom:14px}
.phantom-viewer .phantom-effect-view>summary{font-size:14px}
.phantom-viewer .phantom-actor-info{margin:10px 0}
.phantom-viewer .lab-timeline{margin-bottom:2px}
@media(max-width:760px){#phantoms .data-split{flex-direction:column}#phantoms .phantom-list{display:flex;gap:8px;max-height:none;overflow:auto;padding:0 0 10px}#phantoms .phantom-card{flex:0 0 100px;padding:10px 6px}#phantoms .phantom-card img{height:65px}#phantoms .phantom-card strong{font-size:12px}#phantoms .phantom-heading h2{font-size:21px}.phantom-viewer .lab-transport{gap:8px}}