.topic-card-hover-effect{display:flex;flex-direction:column;transition:all .2s ease-in-out;position:relative;border-radius:.75rem;overflow:hidden;border:none!important;padding:0!important;min-height:170px}.topic-card:after,.topic-card:before{content:none!important}.topic-card-hover-effect:hover{box-shadow:0 0 0 3px #0ea5e9!important;transform:translateY(-2px)}.topic-card-hover-effect:active{transform:scale(.98) translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)!important}.dark .topic-card-hover-effect:hover{box-shadow:0 0 0 3px #38bdf8!important}.topic-card-image-zone{position:relative;height:120px;flex-shrink:0;overflow:hidden}.topic-card-image-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1));z-index:5;pointer-events:none}.topic-card-content{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:.75rem;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left}.topic-card-content h3{text-shadow:2px 2px 8px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);font-size:clamp(1.3rem,2.5vw,1.35rem);padding:0;letter-spacing:.3px;font-weight:700;text-align:left;max-width:100%}.topic-card-desc-strip{background:#FAF3E0;padding:.5rem .75rem;flex:1}.topic-card-description{font-size:.875rem;font-weight:400;color:#2F4F4F;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}