:root{
  --bg:#0f1724; --card:#0b1220; --muted:#94a3b8; --accent:#60a5fa; --text:#e6eef8;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.5;margin:0;background:linear-gradient(180deg,#071029 0%, #081428 100%);color:var(--text)}
.container{max-width:980px;margin:32px auto;padding:0 20px}
.site-header{padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.03)}
.site-header h1{margin:0;font-size:1.4rem}
.muted{color:var(--muted)}
.course-group{margin:28px 0;padding:18px;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);border-radius:10px;border:1px solid rgba(255,255,255,0.03)}
.course-group h2{margin:0 0 12px;font-size:1.05rem;color:var(--accent)}
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}
.student{background:rgba(255,255,255,0.01);padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,0.02)}
.student-name{margin:0 0 8px;font-size:0.95rem;color:var(--accent)}
.student-projects{display:grid;grid-template-columns:1fr;gap:8px}
.project{background:rgba(255,255,255,0.02);padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.02)}
.proj-title{margin:0 0 6px;font-size:0.95rem}
.project a{color:var(--text);text-decoration:none}
.meta{font-size:0.78rem;color:var(--muted);margin:0 0 6px}
.filename{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:rgba(255,255,255,0.02);padding:2px 6px;border-radius:4px}
.dataset{font-size:0.88rem;color:#cfe8ff;margin:6px 0}
.project .desc{font-size:0.85rem;color:#cfe8ff;opacity:0.9}
footer{margin:40px 0 80px;font-size:0.85rem;color:var(--muted)}

/* make sure exported notebook HTML still readable inside site */
.jp-Notebook{max-width:100%;}