/* Page-specific presentation shared by public course listings. */
.course-listing .course-hero{background:linear-gradient(90deg,rgba(17,39,84,.94),rgba(17,39,84,.65)),url('../img/public-v2/individuals.jpg') center/cover;color:#fff;padding:64px 0}
.course-listing .course-hero h1{color:#fff}
.course-listing .course-hero p{color:rgba(255,255,255,.85)}
.course-listing .course-plans{max-width:900px;margin:0 auto}
.course-listing .course-plan{padding:0;position:relative}
.course-listing .course-plan>.card-media{width:100%;height:180px;margin-bottom:12px}
.course-listing .course-plan>:not(.card-media):not(.course-best-value){margin-inline:20px}
.course-listing .course-plan>form{padding-bottom:20px}
.course-listing .course-plan ul{flex:1}
.course-listing .course-faq{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;background:#fff}
.course-listing .course-faq summary{padding:18px 20px;cursor:pointer;font-weight:700;color:var(--navy)}
.course-listing .course-faq p{padding:0 20px 20px;color:var(--muted)}
.course-listing .physical-card{position:relative}
.course-listing .physical-card .course-placeholder{height:160px}
.course-listing .card{height:100%;transition:box-shadow .2s,border-color .2s}
.course-listing .card:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}
.course-listing .catalog-search{display:flex;flex-wrap:wrap;gap:10px;max-width:640px;margin-top:24px}
.course-listing .form-control{min-width:160px;flex:1;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#fff;color:var(--ink)}
.course-listing .track-pills{display:flex;flex-wrap:wrap;gap:10px}
.course-listing .track-pill{padding:7px 18px;border:1px solid var(--line);border-radius:999px;font-weight:600}
.course-listing .track-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}
.course-listing .course-thumb{display:block;flex-shrink:0}
.course-listing .course-thumb img{width:100%;height:100%;object-fit:cover}
.course-listing img[hidden]{display:none}
.course-listing .course-thumb-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--tint);color:var(--blue)}
.course-listing .course-thumb-badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;align-items:center;gap:6px}
.course-listing .course-thumb-badges .badge{position:static}
.course-listing .course-card-title{font-size:16px;font-weight:700;line-height:1.6}
.course-listing .course-card-summary{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.course-listing .course-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.course-listing .course-card-actions{justify-content:flex-start}
.course-listing .course-card-actions .price{flex-basis:100%}
.course-listing .course-card-actions .btn{padding:9px 12px;font-size:12px}
.course-listing .catalog-empty{text-align:center;padding:64px 20px;color:var(--muted)}
.course-listing .catalog-empty svg{width:64px;height:64px;margin-bottom:16px}
.course-listing .catalog-results-count{font-size:13px;color:var(--muted)}
.course-listing .btn-success,.course-listing .btn-warning{background:var(--navy);color:#fff}
.course-listing .btn-outline-light,.course-listing .btn-outline-primary,.course-listing .btn-outline-warning{border-color:var(--navy);color:var(--navy);background:#fff}
.course-listing .btn-outline-secondary{border-color:var(--line);color:var(--navy);background:#fff}
.course-listing .btn:hover{filter:brightness(.95)}
.course-listing .btn.disabled{pointer-events:none;opacity:.5}
/* Local spacing utilities keep legacy content independent of Bootstrap. */
.course-listing .text-center{text-align:center}
.course-listing .text-start{text-align:start}
.course-listing .text-muted{color:var(--muted)}
.course-listing .text-primary{color:var(--blue)}
.course-listing .text-danger{color:#b42318}
.course-listing .fw-700,.course-listing .fw-800,.course-listing .fw-bold{font-weight:700}
.course-listing .mx-auto{margin-inline:auto}
.course-listing .mb-0{margin-bottom:0}
.course-listing .mb-1{margin-bottom:4px}
.course-listing .mb-2{margin-bottom:8px}
.course-listing .mb-3{margin-bottom:16px}
.course-listing .mb-4{margin-bottom:24px}
.course-listing .mb-5{margin-bottom:40px}
.course-listing .mt-1{margin-top:4px}
.course-listing .mt-2{margin-top:8px}
.course-listing .mt-auto{margin-top:auto}
.course-listing .py-3{padding-block:20px}
.course-listing .py-4{padding-block:40px}
.course-listing .py-5{padding-block:56px}
.course-listing .border-bottom{border-bottom:1px solid var(--line)}
.course-listing .d-flex{display:flex}
.course-listing .d-inline{display:inline}
.course-listing .align-items-center{align-items:center}
.course-listing .justify-content-between{justify-content:space-between}
.course-listing .flex-wrap{flex-wrap:wrap}
.course-listing .gap-2{gap:8px}
.course-listing .flex-grow-1{flex:1}
.course-listing .h-100{height:100%}
.course-listing .w-100{width:100%}
.course-listing .list-unstyled{list-style:none;padding:0}
@media(max-width:599px){.course-listing .course-hero{padding:44px 0}.course-listing .catalog-search .form-control{flex-basis:100%}.course-listing .py-5{padding-block:36px}}
.course-listing .course-heading{font-size:clamp(1.8rem,3vw,2.6rem);}
.course-listing .course-intro{opacity:.9;font-size:1rem;max-width:560px;margin:0 auto;}
.course-listing .course-video{max-width:860px;}
.course-listing .course-video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 20px 56px rgba(0,0,0,.25);border:1px solid var(--line);}
.course-listing .course-video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.course-listing .course-copy{max-width:760px;text-align:start;}
.course-listing .course-subheading{color:var(--navy);font-size:1.5rem;}
.course-listing .course-description{color:var(--muted);line-height:1.9;font-size:.97rem;}
.course-listing .course-heading-color{color:var(--navy);}
.course-listing .course-surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.course-listing .course-thumbnail{height:160px;object-fit:cover;width:100%;}
.course-listing .course-placeholder{height:140px;background:linear-gradient(135deg,#11275422,#f59e0b22);display:flex;align-items:center;justify-content:center;font-size:3rem;}
.course-listing .course-free-label{background:#13AC9A;color:#fff;}
.course-listing .course-card-heading{color:var(--navy);font-size:.97rem;}
.course-listing .course-muted{color:var(--muted);}
.course-listing .course-narrow{max-width:760px;}
.course-listing .course-plan-surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);}
.course-listing .course-plan-price{font-size:2.2rem;font-weight:800;color:var(--navy);margin:.5rem 0;}
.course-listing .course-currency{font-size:1rem;font-weight:600;}
.course-listing .course-usd-price{font-size:.8rem;color:var(--muted);margin-bottom:.25rem;}
.course-listing .course-plan-featured{background:#fff;border:2px solid var(--navy);border-radius:var(--radius);position:relative;}
.course-listing .course-best-value{position:absolute;top:12px;inset-inline-end:12px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .9rem;border-radius:999px;}
.course-listing .course-savings{color:#16a34a;font-weight:600;}
.course-listing .course-subscribe-button{background:var(--navy);border-color:var(--navy);}
.course-listing .course-video-banner{background:var(--surface);border-bottom:1px solid var(--line);
                padding:1.25rem 0;position:relative;}
.course-listing .course-video-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;
                           font-size:1.4rem;cursor:pointer;color:var(--muted);z-index:2;line-height:1;}
.course-listing .course-banner-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
                        border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.3);}
.course-listing .course-thumbnail-hidden{display:none;}
.course-listing .course-progress-badge{display:inline-flex;align-items:center;gap:4px;
                                                 background:rgba(25,195,125,.9);border-radius:999px;
                                                 padding:2px 7px 2px 4px;font-size:.72rem;font-weight:700;color:#fff;}
.course-listing .course-meta-icon{flex-shrink:0}