/* 
 * EleTec Styles
 * Part of the RappoDEV tools collection
 */

/* Only include tool-specific styles here - common calculator styles are in global.css */

/* EleTec specific result items */
.result-item span:first-child {
    min-width: 150px;
}

/* Note styling for reference items */
.reference-item .note {
    font-style: italic;
    font-size: var(--font-size-sm);
    margin-top: var(--space-sm);
    color: var(--color-text-secondary);
}

/* Dark theme adjustments */
/* Removed for global styling compatibility:
body.dark-theme .reference-item .note {
    color: var(--color-text-muted);
}
*/

/* Responsive adjustments */
@media (max-width: var(--breakpoint-md)) {
    /* Removed for global styling compatibility:
.reference-item {
        padding: var(--space-sm);
    }
*/
}

@media (max-width: var(--breakpoint-sm)) {
    /* Removed for global styling compatibility:
/* /* Removed for global styling compatibility:
/* Removed for global styling compatibility:/* Removed for global styling compatibility:

/* Removed for global styling compatibility:
/* Removed for global styling compatibility:/* Removed for global styling compatibility:

.result-item {
        flex-direction: column;
        align-items: flex-start;
    }
*/
*/
*/
*/
*/
*/ */
    
    .result-item span:first-child {
        margin-bottom: var(--space-xs);
    }
    
    .result-item span:last-child {
        padding-left: var(--space-sm);
    }
    
    /* Removed for global styling compatibility:
.reference-item h4 {
        font-size: var(--font-size-base);
    }
*/
    
    .reference-item p, .reference-item .note {
        font-size: var(--font-size-sm);
    }
}