/* ---- card shell ---- */
.cg-card {
    background: linear-gradient(to right, #faf6ee 0%, #faf6ee 45%, #eaf0ff 100%);
    border: 1px solid var(--color-blue-dark);
    transition: transform .2s ease, box-shadow .2s ease;
}

@media (max-width: 991.98px) {
    .cg-card {
        background: linear-gradient(to right, #eaf0ff 0%, #faf6ee 50%, #eaf0ff 100%);
    }
}

.cg-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(13, 33, 86, .2);
}

/* ---- icon tiles (borderless, like the original) ---- */
.cg-tile {
    font-size: 11.5px;
    line-height: 1.25;
    transition: background .15s ease;
}
.cg-tile i {
    font-size: 22px;
    color: var(--color-yellow-dark);
    transition: transform .2s ease, color .15s ease;
}
.cg-card:hover .cg-tile i {
    color: var(--color-blue-dark);
}
.cg-tile:hover {
    background: rgba(13, 33, 86, .06);
}
.cg-tile:hover i {
    transform: scale(1.15);
}

/* ---- guidelines section: scroll offset + landing highlight ---- */
.cg-guidelines {
    scroll-margin-top: 110px;   /* adjust to your sticky header height */
}
.cg-guidelines.cg-flash .borderbluetop {
    animation: cg-flash 1.6s ease-out;
}
@keyframes cg-flash {
    0%   { box-shadow: 0 0 0 0 rgba(28, 72, 188, .6); }
    100% { box-shadow: 0 0 0 14px rgba(28, 72, 188, 0); }
}

/* ---- responsive ---- */
@media (max-width: 575.98px) {
    .cg-tile { font-size: 11px; }
    .cg-tile i { font-size: 18px; }
}

/* ---- Important pill: golden glow + pop ---- */
.cg-pill {
    box-shadow: 0 0 0 0 rgba(242, 212, 84, .55), 0 2px 8px rgba(242, 212, 84, .35);
    animation: cg-pop 2.4s ease-in-out infinite;
    font-size: 11px;
}

.cg-pill i {
    font-size: 14px;
}

@keyframes cg-pop {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(242, 212, 84, .55), 0 2px 8px rgba(242, 212, 84, .35);
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 0 0 6px rgba(242, 212, 84, 0), 0 4px 14px rgba(242, 212, 84, .5);
    }
}
@media (prefers-reduced-motion: reduce) {
    .cg-pill { animation: none; }
}