.info-box input,
.info-box select,
.info-box textarea {
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.3s ease;
}

.info-box input:focus,
.info-box select:focus,
.info-box textarea:focus {
    border-color: rgba(212 175 55, 0.6); /* gold tone */
}

.companion-block {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.4s ease;
}

.companion-block.show {
    opacity: 1;
    transform: translateY(0);
}

/* Companion block animations */
.companion-block {
    animation: slideIn 0.4s ease-out forwards;
    opacity: 0;
}

.companion-block.show {
    opacity: 1;
    animation: slideIn 0.4s ease-out forwards;
}

.companion-block.removing {
    animation: slideOut 0.4s ease-out forwards;
    opacity: 0;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}