/* ===== SHARED BASE (inherited by all show-notes pages) ===== */
:root {
  --bg: #0a0a0c; --surface: #111114; --surface-2: #19191e; --surface-3: #222228;
  --border: #2a2a32; --border-soft: rgba(255,255,255,.06);
  --text: #e8e6e3; --text-muted: #8a8a96; --text-dim: #5a5a66;
  --red: #ff3b3b; --red-soft: #ff6b6b; --red-glow: rgba(255,59,59,.15);
}
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
html { scroll-behavior: smooth; }
body { color: var(--text); line-height: 1.7; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* ===== SPONSOR BLOCK (used by all) ===== */
.sponsor-block { background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; padding: 20px 24px; margin: 24px 0; }
.sponsor-block .sponsor-label { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 8px; }
.sponsor-block .sponsor-name { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.sponsor-block .sponsor-desc { font-size: 13px; color: var(--text-muted); }
.sponsor-block .sponsor-link { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--accent, var(--red)); }

/* ===== RESOURCES / LINKS LIST ===== */
.resources-list { list-style: none; padding: 0; }
.resources-list li { padding: 10px 0; border-bottom: 1px solid var(--border-soft); display: flex; align-items: start; gap: 10px; }
.resources-list li:last-child { border-bottom: none; }
.resources-list .res-icon { font-size: 16px; min-width: 20px; text-align: center; padding-top: 2px; }
.resources-list .res-text { flex: 1; }
.resources-list .res-title { font-size: 14px; font-weight: 600; }
.resources-list .res-url { font-size: 12px; color: var(--text-dim); word-break: break-all; }
.resources-list a:hover .res-title { color: var(--accent, var(--red)); }

/* ===== TIMESTAMPS / CHAPTERS LIST ===== */
.timestamps-list { list-style: none; padding: 0; }
.timestamps-list li { padding: 8px 0; border-bottom: 1px solid var(--border-soft); display: flex; gap: 12px; cursor: pointer; }
.timestamps-list li:hover { color: var(--accent, var(--red)); }
.timestamps-list .ts-time { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--accent, var(--red)); min-width: 56px; }
.timestamps-list .ts-label { font-size: 14px; }

/* ===== GUEST BIO ===== */
.guest-bio { display: flex; gap: 20px; padding: 24px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; margin: 24px 0; }
.guest-avatar { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; background: var(--surface-3); display: flex; align-items: center; justify-content: center; font-size: 32px; }
.guest-info h4 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }
.guest-info .guest-title { font-size: 13px; color: var(--text-muted); margin-bottom: 8px; }
.guest-info p { font-size: 13px; color: var(--text-dim); line-height: 1.6; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .guest-bio { flex-direction: column; align-items: center; text-align: center; }
  .shownotes-grid { grid-template-columns: 1fr !important; }
}