.snowdn-connection{margin:0 0 28px}.connection-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:18px}.protocol-box,.device-box{min-width:0;padding:24px;border:1px solid #3d567f;border-radius:20px;background:linear-gradient(130deg,#112842ee,#101630ee);box-shadow:0 15px 40px #02081d40}.connection-label{font-size:12px;letter-spacing:.12em;color:#83ebf5}.protocol-box h2{font-size:23px;letter-spacing:-.6px;margin:8px 0 18px}.protocol-switch{display:flex;gap:8px}.protocol-switch button{font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;padding:12px 16px;border:1px solid #425678;border-radius:10px;background:#152139;color:#d7e7fa;cursor:pointer;min-height:46px}.protocol-switch button[aria-pressed=true]{background:#123c4e;color:#9df7ff;border-color:#66edf6;box-shadow:inset 0 0 24px #24c8df14}.protocol-description{font-size:14px;line-height:1.6;color:#b9c9e5;margin:16px 0 0}.device-count{display:flex;align-items:center;gap:17px;margin:8px 0}.device-count>strong{font-size:50px;line-height:1.3;color:#fff;font-weight:650}.device-count>span{font-size:14px;color:#e1eafa}.device-count small{font-size:12px;color:#aabdd9}.device-details summary{font-size:14px;color:#8af5fa;cursor:pointer;min-height:40px;align-content:center}.device-details ul{padding:0;margin:10px 0;list-style:none}.device-details li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #334660;font-size:14px}.device-details li small{display:block;font-size:12px;color:#aabdd9}.device-state{font-size:12px;color:#b8cde1}.device-details p{font-size:12px;color:#aabdd9}.alternate-protocol{width:100%}.alternate-protocol h2{font-size:27px;margin:15px 0}.alternate-protocol ol{padding-left:22px;color:#c5d5ed;line-height:1.7}.alternate-protocol li{margin:16px 0}.guardian-panel:has(.guardian-art):not(:has(.guardian-copy)){border:0;background:transparent;box-shadow:none}.guardian-panel:not(:has(.guardian-copy)) .guardian-art{width:100%;max-width:370px;margin:auto}.guardian-panel:not(:has(.guardian-copy)) img{margin:0;width:100%;mask-image:radial-gradient(ellipse at center,#000 44%,transparent 73%)}
@media(max-width:760px){.connection-layout{grid-template-columns:1fr;gap:12px}.protocol-box,.device-box{padding:18px;border-radius:16px}.protocol-switch button{flex:1;padding:12px 6px;min-width:0}.protocol-switch{gap:6px}.device-count>strong{font-size:40px}.device-box{padding-bottom:12px}.guardian-panel:not(:has(.guardian-copy)){justify-content:center}.guardian-panel:not(:has(.guardian-copy)) .guardian-art{width:220px;min-width:0}.snowdn-connection{margin-bottom:22px}.protocol-box h2{font-size:21px}}