/* SOP: small screens */
/* ---------- small screens ---------- */
@media(max-width:1180px){.sop-g{grid-template-columns:1fr}.sop-n{width:210px}}
@media(max-width:900px){
 dialog#sop{width:96vw;height:92vh}
 .sop-h{height:64px;padding:0 14px}.sop-ht p,.sop-hs{display:none}.sop-hs{display:none}
 .sop-b{flex-direction:column}
 .sop-n{flex-direction:row;width:auto;overflow-x:auto;overflow-y:hidden;padding:8px;border-right:0;border-bottom:1px solid #e1e8f2;gap:4px}
 .sop-gt{display:none}
 .sop-i{width:auto;margin:0;padding:0 12px}
 .sop-m{padding:14px}
 .sop-ef.two{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){dialog#sop[open]{animation:none}.sop-tk,.sop-oc{transition:none}}