.tool-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: var(--space-12);
    align-items: start;
}

.input-grid {
    grid-template-columns: 1fr 1fr;
}

.input-group input:focus, .input-group select:focus {
    outline: 2px solid var(--color-primary);
    border-color: transparent;
}

@media (max-width: 900px) {
    .tool-layout {
        grid-template-columns: 1fr;
    }
    .tool-sidebar {
        display: none;
    }
    .input-grid {
        grid-template-columns: 1fr !important;
    }
}
/* Footer responsive - GLOBAL */
@media (max-width: 600px) {
  footer > div > div:first-child { flex-direction: column !important; }
  footer nav { gap: 1.5rem !important; }
}