.coord-box { background-color: #f8f9fc; border-left: 4px solid #2c7da0; padding: 1rem; margin: 1rem 0; border-radius: 0 8px 8px 0; }
        .geo-canvas { width: 100%; background: #eef2f5; border-radius: 12px; border: 1px solid #cfdee9; margin-top: 1.5rem; display: block; box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
        .legend { display: flex; justify-content: center; gap: 2rem; margin-top: 0.5rem; font-size: 0.85rem; }
        .legend-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; margin-right: 5px; }
        .legend-dot.red { background-color: #d9534f; }
        .legend-dot.blue { background-color: #2c7da0; }
        .info-badge { background: #e7f3ff; padding: 0.5rem 1rem; border-radius: 40px; font-size: 0.8rem; display: inline-block; margin-bottom: 0.75rem; }
        .conversion-panel { background: #ffffff; border-radius: 20px; padding: 1.5rem; box-shadow: 0 8px 20px rgba(0,0,0,0.02); border: 1px solid #e9ecef; margin-bottom: 2rem; }
        .result-value-large { font-size: 1.5rem; font-weight: 600; color: #2c7da0; font-family: monospace; }
        .section-subtitle { font-weight: 600; margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #dee2e6; }