body{background-color:var(--clr-neutral-900, #111)}#syllabus-header{background-color:#f0f4f8;border-bottom:2px solid #e3d026;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card{background-color:#e3d026;color:#1e293b}.view-card{background-color:#1e293b;border-radius:12px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.view-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;border-color:#e3d026;background-color:#0f172a}.view-card-title{font-weight:700;color:#fff;margin-bottom:.5rem}.view-card-subtitle{color:#ffffffb3;font-size:.9rem}.dept-icon{font-size:2.5rem;color:#e3d026;margin-bottom:1rem}.fade-in{animation:fadeIn .4s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-nav{cursor:pointer;color:#e3d026;font-weight:500;transition:color .2s}.breadcrumb-nav:hover{color:#fff;text-decoration:underline}.breadcrumb-separator{color:#6b7280;margin:0 10px}.syllabus-overview{background:#1e293b;color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:2rem;border-left:5px solid #e3d026}.unit-card{background:#1e293b;color:#fff;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0003;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.unit-header{background-color:#0f172a;color:#fff;padding:1rem 1.5rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.unit-header:hover{background-color:#1e293b}.unit-body{padding:1.5rem;display:none}.unit-body.active{display:block;animation:fadeIn .3s ease-in forwards}.unit-detail-section{margin-bottom:1rem}.unit-detail-label{font-weight:700;color:#e3d026;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;margin-bottom:.3rem;display:block}.unit-detail-content{color:#ffffffe6;white-space:pre-wrap}.spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#e3d026;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}