/* ===== Course Detail Page ===== */
.course-prereqs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto;padding:0 5% 4rem;position:relative;z-index:1}
.prereq-card{padding:1.8rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}
.prereq-card h4{font-size:.9rem;font-weight:600;margin-bottom:.8rem;color:var(--text)}
.prereq-card ul{list-style:none;padding:0;margin:0}
.prereq-card li{font-size:.85rem;color:var(--text-body);line-height:1.8;padding-left:1.2rem;position:relative}
.prereq-card li::before{content:"";position:absolute;left:0;top:.65rem;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#4C4EA8,#7a7cff)}
.prereq-card ul ul{margin-top:.3rem;padding-left:1rem}
.prereq-card ul ul li{font-size:.82rem;line-height:1.7;padding-left:1rem}
.prereq-card ul ul li::before{top:.6rem;width:4px;height:4px}

.course-syllabus{max-width:900px;margin:0 auto;padding:0 5% 5rem;position:relative;z-index:1}
.course-syllabus h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-1px;margin-bottom:2.5rem}
.syllabus-modules{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.module-card{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);transition:.3s}
.module-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)}
.module-num{font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#4C4EA8,#7a7cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}
.module-card h4{font-size:.88rem;font-weight:600;color:var(--text)}
.module-card p{font-size:.78rem;color:var(--text-body);line-height:1.5}

.breadcrumb{display:inline-block;font-size:.85rem;color:rgba(76,78,168,.7);text-decoration:none;margin-bottom:1rem;transition:.3s}
.breadcrumb:hover{color:#4C4EA8}

.course-info-bar{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;max-width:900px;margin:0 auto;padding:0 5% 3rem;position:relative;z-index:1}
.info-item{text-align:center;padding:1rem 2rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);flex:1;min-width:160px;max-width:220px}
.info-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:rgba(76,78,168,.7);margin-bottom:.3rem}
.info-value{display:block;font-size:.95rem;font-weight:700;color:var(--text)}

.course-outcomes{max-width:900px;margin:0 auto;padding:0 5% 4rem;position:relative;z-index:1}
.course-outcomes h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-1px;margin-bottom:1.5rem}
.outcomes-list{list-style:none;padding:0;margin:0}
.outcomes-list li{font-size:.9rem;color:var(--text-body);line-height:1.8;padding:.6rem 0 .6rem 1.8rem;position:relative;border-bottom:1px solid var(--border)}
.outcomes-list li:last-child{border-bottom:none}
.outcomes-list li::before{content:"";position:absolute;left:0;top:1.1rem;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4C4EA8,#7a7cff)}

@media(max-width:900px){
    .course-prereqs{grid-template-columns:1fr}
    .syllabus-modules{grid-template-columns:1fr}
    .course-info-bar{gap:1rem}
}
@media(max-width:600px){
    .module-card{padding:1.2rem}
    .module-num{font-size:1.1rem}
    .course-info-bar{flex-direction:column;align-items:stretch}
    .info-item{min-width:auto;max-width:none}
    .page-hero .breadcrumb{display:block;margin-top:1.5rem}
}