@media screen and (min-width:768px){.map-legend{width:280px;left:40px;background:rgba(255,255,255,0.8);position:absolute;top:calc(100% + 5px);z-index:100;padding:12px 20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.legend-item{display:flex;align-items:center;margin-bottom:0;margin-left:8px}.legend-marker{position:relative;width:15px;height:20px;margin-right:12px}.legend-marker-outline{position:absolute;width:18px;height:18px;border-radius:50%;background:#000}.legend-marker-fill{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%}.legend-marker-recruiting .legend-marker-fill{background:#fecb00}.legend-marker-not-recruiting .legend-marker-fill{background:#072b5d}.legend-text{font-size:18px;margin-left:8px;color:#333}}@media screen and (max-width:767px){.map-legend{width:180px;left:0;background:rgba(255,255,255,0.8);position:absolute;top:calc(100% + 5px);z-index:11;padding:8px 14px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.legend-item{display:flex;align-items:center;margin-bottom:0;margin-left:6px}.legend-marker{position:absolute;width:15px;height:15px;margin-right:14px}.legend-marker-outline{position:absolute;top:-3px;left:0;width:17px;height:17px;border-radius:50%;background:#000}.legend-marker-fill{position:absolute;top:-1px;left:2px;width:13px;height:13px;border-radius:80%}.legend-marker-recruiting .legend-marker-fill{background:#fecb00}.legend-marker-not-recruiting .legend-marker-fill{background:#072b5d}.legend-text{font-size:14px;margin-left:34px;color:#333}}