/* Academic, GitHub-markdown-like styling (ICLR workshop style) */
:root{
  --text:#111111;
  --muted:#444444;
  --line:#e6e6e6;
  --bg:#ffffff;
  --link:#1a4fb5;
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--text);}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 18px;
  line-height: 1.65;
  padding-top: 40px !important;
}

.page{
  max-width: 980px;
  margin: 0 auto;
  padding: 40px 18px 70px;
}

/* Markdown typography */
.markdown-body h1{
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.15;
  margin: 0 0 10px;
}

.markdown-body h2{
  font-size: 28px;
  font-weight: 750;
  margin: 44px 0 14px;
}

.markdown-body h3{
  font-size: 20px;
  font-weight: 700;
  margin: 22px 0 10px;
  color: var(--text);
}

.markdown-body p{margin: 0 0 16px;}
.markdown-body ul{margin: 0 0 16px 22px;}
.markdown-body li{margin: 6px 0;}
.markdown-body strong{font-weight: 700;}

.markdown-body a{color: var(--link); text-decoration: none;}
.markdown-body a:hover{text-decoration: underline;}

.markdown-body hr{
  border: 0;
  border-top: 1px solid var(--line);
  margin: 22px 0;
}

/* Tables */
.markdown-body table{
  border-collapse: collapse;
  width: 100%;
  margin: 12px 0 18px;
  font-size: 16px;
}
.markdown-body th,
.markdown-body td{
  text-align: left;
  padding: 10px 8px;
  border-bottom: 1px solid #f0f0f0;
}
.markdown-body th{font-weight: 700;}

/* Optional: small muted lines (date/location) */
.meta{
  color: var(--muted);
}

/* Responsive */
@media (max-width: 600px){
  .markdown-body h1{font-size: 36px;}
  .markdown-body h2{font-size: 24px;}
  .page{padding: 24px 14px 60px;}
}
