/**
 * The base layout for .granpai-modal-media / .granpai-modal-contacts
 * already lives in the free plugin's frontend CSS (it owns the modal's
 * design system). This file only adds the polish Pro itself is
 * responsible for: image load transition and icon focus states.
 */
.granpai-modal-media img {
    opacity: 0;
    animation: granpai-pro-fade-in 0.25s ease forwards;
}
@keyframes granpai-pro-fade-in {
    to { opacity: 1; }
}

.granpai-modal-contacts a:focus-visible {
    outline: 2px solid var(--gp-accent, #00ffcc);
    outline-offset: 2px;
}