.converter-card{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.converter-actions{
    margin-top: 20px;
    text-align: center;
}

.converter-actions button{
    max-width: 300px;
margin: 20px auto 0;
display: block;
}

.unit-row input{
    text-align: right;
}

.unit-row input:focus{
    border-color: var(--tool-accent);
    box-shadow: 0 0 0 3px rgba(234,88,12,0.15);
}

@media (min-width: 768px){
    .converter-card{
        grid-template-columns: repeat(3, 1fr);
    }
}