.ktpc-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-block:1.5rem}.ktpc-card{min-width:0;overflow:hidden;border:1px solid #e3e9f2;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(16,45,92,.06);transition:transform .2s ease,box-shadow .2s ease}.ktpc-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(16,45,92,.12)}.ktpc-card__image{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f6fa}.ktpc-card__image img{display:block;width:100%;height:100%;object-fit:cover}.ktpc-card__body{padding:1.25rem}.ktpc-card__title{margin:0 0 .6rem;font-size:1.15rem;line-height:1.3}.ktpc-card__title a{color:#1e4388;text-decoration:none}.ktpc-card__title a:hover{text-decoration:underline;text-underline-offset:.18em}.ktpc-card__excerpt{color:#44536a;font-size:.96rem}.ktpc-card__excerpt p{margin:.35rem 0}.ktpc-card__label{display:inline-flex;margin:.25rem 0;padding:.25rem .6rem;border-radius:999px;background:#eef4fc;color:#1e4388;font-size:.8rem;font-weight:700}.ktpc-card__meta{color:#68778d;font-size:.85rem}.ktpc-statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ktpc-statistic__value{margin:.6rem 0;color:#1e4388;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1.1}.ktpc-empty-state{padding:1rem;border:1px dashed #aab9cc;border-radius:.75rem;color:#526178;background:#f7f9fc}@media(max-width:900px){.ktpc-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.ktpc-statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ktpc-collection,.ktpc-statistics-grid{grid-template-columns:1fr}.ktpc-card__body{padding:1rem}}@media(prefers-reduced-motion:reduce){.ktpc-card{transition:none}.ktpc-card:hover{transform:none}}

/* Accessibility and interaction refinements */
.ktpc-card:focus-within { border-color: #1e4388; box-shadow: 0 0 0 3px rgba(30,67,136,.18); }
.ktpc-card__title a:focus-visible, .ktpc-card__image:focus-visible { outline: 3px solid #8a5b00; outline-offset: 3px; }
.ktpc-card__title a { text-underline-offset: .18em; }
.ktpc-empty-state { line-height: 1.6; }
@media (prefers-reduced-motion: reduce) { .ktpc-card { transition: none !important; } .ktpc-card:hover { transform: none !important; } }
