/* ===== JKA Programs — Awards & Recognition / County Performance Tracker ===== */

.jka-programs-grid { padding: 10px 0 70px; }
.jka-programs-grid .row { row-gap: 24px; }

.jka-category-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--jka-black);
    border: 1px solid rgba(var(--jka-gold-rgb), .12);
    border-radius: 12px;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.jka-category-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--jka-gold-rgb), .45);
    box-shadow: 0 16px 36px rgba(0,0,0,.3);
}
.jka-category-photo { aspect-ratio: 4 / 3; overflow: hidden; }
.jka-category-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jka-category-body { padding: 24px 22px 26px; flex: 1; display: flex; flex-direction: column; }
.jka-category-body h3 { font-size: 18px; font-weight: 800; color: var(--jka-white); margin: 0 0 10px; }
.jka-category-body p { font-size: 13.5px; line-height: 1.65; color: var(--jka-text); margin: 0; flex: 1; }
.jka-category-winner {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--jka-gold);
}

.jka-category-card-pending {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 22px;
    background: var(--jka-offwhite);
    border: 1px dashed rgba(var(--jka-gold-rgb), .4);
}
.jka-category-pending-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(var(--jka-gold-rgb), .5);
    color: var(--jka-gold-dark);
    font-size: 18px;
    margin: 0 auto 16px;
}
.jka-category-card-pending h3 { color: var(--jka-black); font-size: 17px; }
.jka-category-card-pending p { color: #6a6a6a; }

/* ===== CPT overview ===== */
/* Named .jka-cpt-intro-photo, not .jka-cpt-photo -- that name collides
   with polls.css's own .jka-cpt-photo (an 84px circular avatar used on
   poll.php's CPT assessment form), a completely different box model.
   The two never used to share a page; they do now that this page also
   loads polls.css for the embedded poll listing. */
.jka-cpt-section { padding: 30px 0 60px; }
.jka-cpt-intro-photo { border-radius: 10px; overflow: hidden; margin-bottom: 24px; }
.jka-cpt-intro-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }

@media (max-width: 767px) {
    .jka-cpt-intro-photo { max-width: 420px; margin-left: auto; margin-right: auto; }
}