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