.applied small[data-insight=true]{color:#a9dec9}
.motion-copy>#motion[data-insight=true]{color:#d2f0e5;line-height:1.5}
.motion>#next{min-height:44px;background:#315d4c;border-color:#76ae98;color:#e5f6ed;font-size:12px}
.motion:has(>#next:not([hidden])){flex-wrap:wrap}
.motion:has(>#next:not([hidden])) .motion-copy{flex-basis:100%}
.motion:has(>#next:not([hidden])) #sound{margin-left:auto}
@media(max-width:800px) and (min-height:601px){
 .field:has(#next:not([hidden])){height:clamp(340px,52dvh,500px)}
}
@media(max-height:600px) and (min-width:600px){
 .field:has(#next:not([hidden])):has(#motion[data-insight=true]) .mission h2{display:none}
}