/* Talk pages (/talks/*), 2026-10-25: same look as the homepage (home-2026.css).
   Inter, near-black on #fafafa, lavender-highlight links. Shared by every talk. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  font-family: "Inter", sans-serif;
  background: #fafafa;
  color: #18181b;
  font-size: 12.5pt;
  line-height: 1.6;
}

/* Links: lavender highlight, as on the homepage */
a {
  color: #2e2170;
  background: #ebe7fa;
  padding: 0 0.2em;
  border-radius: 3px;
  text-decoration: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-color 0.15s;
}
a:hover { background: #d4caf3; text-decoration: none; }

.container {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  padding: 64px 0 120px;
  animation: fade 1.2s 0.3s both;
}

h1 {
  font-size: 1.6em;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 0.4em;
}

.meta {
  color: #71717a;
  font-size: 0.9em;
}

header {
  padding-bottom: 48px;
  border-bottom: 1px solid #e4e4e7;
}

.unit {
  padding: 56px 0;
  border-bottom: 1px solid #e4e4e7;
}
.unit:last-child { border-bottom: none; }

.unit img {
  width: 100%;
  display: block;
  border-radius: 6px;
  border: 1px solid #e4e4e7;
  margin-bottom: 32px;
}

.script p { margin-bottom: 1em; }
.script p:last-child { margin-bottom: 0; }
.script p.sub {
  margin-left: 1.5em;
  color: #52525b;
}

@keyframes fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Phones: same sizing as the homepage */
@media (max-width: 700px) {
  html, body { font-size: 18px; }
  .container { width: 88%; padding-top: 40px; }
}

/* Optional intro under the byline, and a small thanks note at the end */
header .intro { margin-top: 1em; }
.thanks { padding-top: 40px; border-top: 1px solid #e4e4e7; color: #52525b; font-size: 0.85em; }

/* Slides-only talks (no transcript): tighter spacing between slides */
.unit.slide-only { padding: 28px 0; border-bottom: none; }
.unit.slide-only img { margin-bottom: 0; }