.mesh-hero{background:linear-gradient(120deg,#103747 0%,#147b7e 100%);margin-bottom:28px}.mesh-hero h1{font-size:clamp(40px,6vw,66px)}.mesh-hero>p:not(.eyebrow){max-width:800px;color:#e0f1ee;font-size:18px;line-height:1.65}.mesh-map{height:560px}.mesh-legend{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:13px}.mesh-legend span{display:inline-flex;align-items:center;gap:8px}.mesh-gateway-key,.mesh-node-key{display:inline-block;width:13px;height:13px;border-radius:50%;background:#20885d;border:2px solid #fff;box-shadow:0 1px 5px #102b3a55}.mesh-node-key{background:#1597b5}.mesh-gateway-icon{background:transparent;border:0}.mesh-gateway-tag{display:block;position:relative;transform:translate(-50%,-50%);padding:6px 9px;border:2px solid #fff;border-radius:8px;background:#247b55;color:white;box-shadow:0 2px 8px #102b3a55;white-space:nowrap;font-size:11px;font-weight:850}.mesh-gateway-tag:after{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:inherit;border-right:1px solid white;border-bottom:1px solid white}.mesh-gateway-tag.offline{background:#a54843}.mesh-gateway-tag.disabled{background:#737f87}.mesh-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mesh-gateway-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px}.mesh-gateway-card>b{font-size:17px}.mesh-gateway-card>small,.mesh-gateway-card>span:last-of-type{color:var(--muted)}.mesh-popup{min-width:210px}.mesh-popup>strong{display:block;font-size:15px;margin-bottom:10px}.mesh-popup-details{display:grid;gap:0;margin:0}.mesh-popup-details>div{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(90px,1.2fr);gap:10px;border-top:1px solid #e7ecef;padding:5px 0}.mesh-popup-details dt{margin:0;color:#687782;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}.mesh-popup-details dd{margin:0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:850px){.mesh-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mesh-map{height:480px}}
@media(max-width:620px){.mesh-hero{padding:34px 23px!important}.mesh-hero h1{font-size:40px}.mesh-hero>p:not(.eyebrow){font-size:16px}.mesh-map{height:390px}.mesh-gateway-grid{grid-template-columns:1fr}.mesh-legend{font-size:12px;gap:10px}}
.mesh-guide{padding-top:46px}.mesh-lead{max-width:900px;font-size:19px;line-height:1.75;color:#40515c}.mesh-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.mesh-guide-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.mesh-guide-grid h3{margin:0 0 9px;font-size:18px;color:var(--ink)}.mesh-guide-grid p{margin:0;color:var(--muted);line-height:1.7}.mesh-steps{list-style:none;counter-reset:meshstep;display:grid;gap:12px;padding:0;margin:22px 0}.mesh-steps li{counter-increment:meshstep;display:grid;grid-template-columns:44px 190px 1fr;align-items:start;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px}.mesh-steps li:before{content:counter(meshstep);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f3ee;color:#1c7650;font-weight:800}.mesh-steps li>b{padding-top:6px;color:var(--ink)}.mesh-steps li>span{color:var(--muted);line-height:1.65}.mesh-sources{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;line-height:2;color:var(--muted)}.mesh-sources a{color:#176948;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.mesh-guide-grid{grid-template-columns:1fr 1fr}.mesh-steps li{grid-template-columns:40px 150px 1fr}}
@media(max-width:620px){.mesh-guide-grid{grid-template-columns:1fr}.mesh-lead{font-size:17px}.mesh-steps li{grid-template-columns:36px 1fr;gap:8px 12px;padding:15px}.mesh-steps li>span{grid-column:2}.mesh-guide{padding-top:30px}}
.mesh-gateway-key{background:#7c3aed!important}.mesh-gateway-tag{background:#7c3aed!important;border-radius:5px 5px 5px 0;box-shadow:0 2px 9px #34136f77}.mesh-gateway-tag i{display:inline-block;margin-right:6px;padding:2px 4px;border-radius:3px;background:#fff;color:#6023bd;font-size:9px;font-style:normal;letter-spacing:.04em}.gateway-type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px;font-weight:850;letter-spacing:.06em}.mesh-gateway-card .live-dot{margin-top:2px}
.mesh-point-label{padding:2px 6px!important;border:1px solid #b8c7ce!important;border-radius:4px!important;background:#fff!important;color:#173640!important;box-shadow:0 1px 5px #102b3a44!important;font-size:10px!important;font-weight:800!important;line-height:1.4!important;white-space:nowrap!important}.mesh-point-label:before{display:none!important}.mesh-gateway-icon{position:relative;overflow:visible!important;width:12px!important;height:12px!important;background:transparent!important;border:0!important}.mesh-gateway-dot{position:absolute;left:0;top:0;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 2px #7c3aed,0 2px 6px #102b3a77}.mesh-gateway-name{position:absolute;left:6px;bottom:14px;transform:translateX(-50%);padding:2px 6px;border:1px solid #7c3aed;border-radius:4px;background:#7c3aed;color:#fff;box-shadow:0 1px 5px #34136f77;font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap}
.mesh-gateway-card{border-color:var(--line);background:#fff}.mesh-gateway-card>b{color:var(--ink)}.mesh-point-label.mesh-gateway-label{border-color:#7c3aed!important;background:#f4edff!important;color:#5b21b6!important}
.mesh-node-key{background:#0a9d45!important}
.mesh-map-icon-root{background:transparent!important;border:0!important}
.mesh-map-marker{display:flex;align-items:center;gap:6px;width:max-content;white-space:nowrap;filter:drop-shadow(0 1px 2px #102b3a38)}
.mesh-map-marker>i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:#0a9d45;color:#fff;box-shadow:0 0 0 1px #155e32,0 2px 5px #102b3a55;font-size:10px;font-style:normal;line-height:1}
.mesh-map-marker.gateway>i{width:27px;height:27px;background:#7c3aed;box-shadow:0 0 0 2px #7c3aed,0 2px 7px #34136f66;font-size:17px}
.mesh-map-marker>b{padding:3px 6px;border:1px solid #cbd6df;border-radius:5px;background:#fffffff2;color:#17212b;font-size:11px;font-weight:800;line-height:1.2;box-shadow:0 1px 4px #102b3a22}
.mesh-map-marker.gateway>b{border-color:#7c3aed;background:#f4edff;color:#5b21b6}
.mesh-gateway-key{background:#0877d1!important}
.mesh-map-marker.gateway>i{background:#0877d1;box-shadow:0 0 0 1px #07589d,0 2px 7px #102b3a55}
.mesh-map-marker.gateway>b{border-color:#cbd6df;background:#fffffff2;color:#17212b}
.mesh-messages{margin-top:22px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue2);padding:20px}.mesh-messages-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.mesh-messages-head h2{color:var(--blue);margin:0}.mesh-messages-head p{color:var(--muted);margin:.25rem 0 0}.mesh-message-list{display:grid;gap:9px;max-height:440px;overflow:auto}.mesh-message{background:#f5f9fc;border:1px solid #dce7ee;border-radius:6px;padding:12px 14px}.mesh-message-meta{display:flex;justify-content:space-between;gap:14px;color:#52697b;font-size:.84rem}.mesh-message-meta b{color:var(--blue)}.mesh-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0 0}.mesh-message-state{color:var(--muted);margin:0}.mesh-channel-pill{white-space:nowrap;background:#e6f2fa;color:var(--blue);border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:800}.mesh-note{color:var(--muted);font-size:.85rem;margin:.75rem 0 0}@media(max-width:600px){.mesh-messages-head,.mesh-message-meta{align-items:flex-start;flex-direction:column;gap:4px}}
.mesh-map .leaflet-control-layers{border:1px solid #d4dfe4;border-radius:8px;box-shadow:0 2px 8px #102b3a22}
.live-dot.planned{background:#fff0c2;color:#8a5a00}.hamnet-marker.planned{background:#ca8a04}