{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_featured-course-card.scss"],"names":[],"mappings":"AAAA,aACE,mBACA,gBACA,aACA,sBACA,YACA,gBAEA,4BACE,WACA,aACA,gBACA,kBACA,mBAEA,gCACE,WACA,YACA,iBACA,cAIJ,2BACE,kBACA,SACA,UACA,UACA,oBACA,mBACA,gBACA,eACA,oBACA,iBACA,gBACA,cACA,WAGF,sBACE,aACA,sBACA,OACA,uBAGF,qBACE,cACA,mBACA,iBACA,gBACA,gBACA,WAGF,oBACE,gBACA,kBACA,iBACA,gBAEA,sBACE,cACA,0BACA,8BACA,4BACA,WACE,kDAGF,wDAEE,cACA,8BAKN,0BACE,gBACA,iBACA,gBACA,gBACA,WAGF,0BACE,gBAIJ,qCAEI,oBACE,mBAKN,qCAEI,4BACE,aAGF,sBACE,aAGF,oBACE","file":"featured-course-card.css","sourcesContent":[".course-card {\n  border-radius: 28px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #ffffff;\n\n  .image-wrapper {\n    width: 100%;\n    height: 280px;\n    overflow: hidden;\n    position: relative;\n    background: #e9e9e9;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n  }\n\n  .tag.delivery {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 5;\n    display: inline-flex;\n    align-items: center;\n    min-height: 36px;\n    padding: 0 18px;\n    border-radius: 999px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    line-height: 1;\n    color: #ffffff;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 20px 20px 24px;\n  }\n\n  .school {\n    display: block;\n    margin-bottom: 14px;\n    font-size: 0.95rem;\n    line-height: 1.4;\n    font-weight: 600;\n    color: #666666;\n  }\n\n  .title {\n    margin: 0 0 14px;\n    font-size: 1.45rem;\n    line-height: 1.25;\n    font-weight: 700;\n\n    a {\n      color: #00539b;\n      text-decoration: underline;\n      text-decoration-thickness: 2px;\n      text-underline-offset: 0.18em;\n      transition:\n        color 0.2s ease,\n        text-decoration-thickness 0.2s ease;\n\n      &:hover,\n      &:focus {\n        color: #003e74;\n        text-decoration-thickness: 3px;\n      }\n    }\n  }\n\n  .course-meta {\n    margin: 0 0 10px;\n    font-size: 0.95rem;\n    line-height: 1.4;\n    font-weight: 600;\n    color: #666666;\n  }\n\n  p:last-child {\n    margin-bottom: 0;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .course-card {\n    .title {\n      font-size: 1.55rem;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .course-card {\n    .image-wrapper {\n      height: 220px;\n    }\n\n    .content {\n      padding: 22px;\n    }\n\n    .title {\n      font-size: 1.35rem;\n    }\n  }\n}"]}