/* ML4APP lecture deck — shared styles.
   Per-lecture additions (e.g. tables in lecture3, .sec-btn in lecture1b)
   live in a small inline <style> block in the lecture file itself. */

.reveal .slides section {
  background: #ffffff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  padding: 30px 40px;
  box-sizing: border-box;
  height: 700px !important;
}
.reveal .slides section.stack {
  background: none;
  box-shadow: none;
  padding: 0;
  height: auto !important;
}
.reveal { font-family: 'Inter', sans-serif; font-weight: 400; }
.reveal h1, .reveal h2, .reveal h3 { color: #2c3e50; font-family: 'Space Grotesk', sans-serif; font-weight: 700; }
.reveal h2 { font-size: 1.2em; margin-bottom: 0.3em; text-align: left; }
.reveal .subtitle { font-size: 0.6em; color: #7f8c8d; margin-top: 0.5em; }
.reveal section { font-size: 0.66em; }
.reveal section.stack { font-size: 1em; }
.reveal p { margin: 0.3em 0; }
.reveal ul { text-align: left; margin: 0.3em 0; }
.reveal li { margin: 0.15em 0; }
.reveal .highlight { color: #e74c3c; font-weight: bold; }
.reveal .MathJax { font-size: 0.95em; }

.reveal .box, .reveal .box-blue, .reveal .box-orange,
.reveal .box-green, .reveal .box-purple {
  background: #ecf0f1; border-radius: 10px; padding: 12px 16px;
  margin: 10px 0; text-align: left;
}
.reveal .box-blue   { border-left: 4px solid #2980b9; }
.reveal .box-orange { border-left: 4px solid #e67e22; }
.reveal .box-green  { border-left: 4px solid #27ae60; }
.reveal .box-purple { border-left: 4px solid #8e44ad; }

.slide-footer {
  position: absolute; bottom: 8px; left: 40px; right: 40px;
  font-size: 10px; color: #bdc3c7;
  display: flex; justify-content: space-between; pointer-events: none;
}

pre code { font-family: 'Menlo','Monaco',monospace; }

.ctrl-row { display:flex; gap:14px; font-size:0.9em; align-items:center; margin-top:4px; flex-wrap:wrap; }
.ctrl-row label { white-space: nowrap; }
.ctrl-row input[type=range] { vertical-align: middle; }
.ctrl-row button { padding:3px 12px; cursor:pointer; }
.ctrl-row input[type=checkbox] { vertical-align: middle; transform: scale(1.2); margin-right:4px; }