.network-websocket-card{margin:2rem auto;padding:clamp(1rem,3vw,2rem);max-width:68rem;border:1px solid #ccd6e0;border-radius:1rem;background:#fff}.network-websocket-card h2,.network-websocket-card h3{margin:.25rem 0 .75rem}.websocket-warning{margin:1rem 0;padding:.85rem 1rem;border-left:.3rem solid #b36b00;background:#fff6df}.websocket-plan,.websocket-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.websocket-plan div,.websocket-result-grid div{min-width:0;padding:.75rem;border-radius:.75rem;background:#f4f7fa}.websocket-plan dt,.websocket-result-grid dt{font-size:.82rem;color:#4d5d6c}.websocket-plan dd,.websocket-result-grid dd{margin:.25rem 0 0;font-weight:700;overflow-wrap:anywhere}.websocket-method{font-size:.9rem;color:#4d5d6c}.network-websocket-card form{display:flex;gap:.75rem;flex-wrap:wrap}.network-websocket-card progress{width:100%;margin-top:1rem}.websocket-result{margin-top:1rem;padding:1rem;border-radius:.8rem;background:#f4f7fa}.websocket-result[data-status="measured"]{border-left:.35rem solid #237a43}.websocket-result[data-status="partial"]{border-left:.35rem solid #b36b00}.websocket-result[data-status="could_not_check"],.websocket-result[data-status="cancelled"]{border-left:.35rem solid #8b3a3a}@media(max-width:760px){.websocket-plan,.websocket-result-grid{grid-template-columns:1fr}.network-websocket-card form button{width:100%}}