body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
  line-height: 1.6;
  color: #1a1a1a;
}

h1 { font-size: 2rem; margin-bottom: 0.25rem; }
h2 { margin-top: 3rem; border-bottom: 2px solid #ddd; padding-bottom: 0.25rem; }

.meta { color: #555; margin-bottom: 2rem; }

figure { margin: 1.5rem 0; text-align: center; }
figcaption, .table-caption { font-size: 0.9rem; color: #555; margin-top: 0.5rem; text-align: center; }

audio { display: block; width: 100%; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; table-layout: fixed; }
th, td { border: 1px solid #ddd; padding: 0.75rem; text-align: left; vertical-align: middle; }
th { background: #f5f5f5; }
th:first-child, td:first-child { width: 22%; }