.risk-badge { display: inline-block; padding: 0.3rem 1rem; border-radius: 40px; font-weight: 600; font-size: 0.9rem; }
        .risk-low { background: #d4edda; color: #155724; }
        .risk-moderate { background: #fff3cd; color: #856404; }
        .risk-high { background: #f8d7da; color: #721c24; }
        .formula-card { background: #e9f0f5; border-left: 5px solid #2c7da0; padding: 1.2rem; border-radius: 12px; margin: 1.5rem 0; }
        .clinical-note { background: #fef9e6; border-left: 4px solid #e6a017; padding: 1rem; margin: 1rem 0; border-radius: 8px; }
        .legend { display: flex; justify-content: center; gap: 1.5rem; margin-top: 0.5rem; font-size: 0.85rem; flex-wrap: wrap; }
        .legend-color { width: 16px; height: 16px; border-radius: 50%; display: inline-block; margin-right: 0.3rem; }
        .legend-color.green { background-color: #28a745; }
        .legend-color.yellow { background-color: #ffc107; }
        .legend-color.red { background-color: #dc3545; }
        .gauge-container { background: #f8f9fc; border-radius: 16px; padding: 1rem; margin-top: 1rem; text-align: center; position: relative; }
        canvas.geometry-canvas { max-width: 100%; height: auto; background: white; border-radius: 12px; }
        .gauge-warning { font-size: 0.8rem; color: #d9534f; margin-top: 8px; }
        .footer a { color: #ddd; text-decoration: none; }
        .breadcrumb { background: transparent; padding: 0.5rem 0; }