.chem-quick-link {
    display: grid;
    grid-template-columns: 1.25rem 1fr 1rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(59,130,246,0.15);
    background: #ffffff;
    color: #1f2937;
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.chem-quick-link:hover {
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
}

.chem-tab-btn.active {
    box-shadow: 0 8px 14px rgba(37, 99, 235, 0.25);
}

.chem-tab-content {
    animation: chemFade .25s ease both;
}

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

/*smaller image sizing inside tabs */
.chem-img {
    border: 1px solid rgba(0,0,0,0.06);
    aspect-ratio: 255 / 170;
    object-fit: cover;
}


.chem-tab-content .grid { column-gap: 0.75rem; }
@media (min-width: 768px) {
    .chem-tab-content .grid { column-gap: 1rem; }
}