table,
table th,
table td {
  padding: 1px 1px;
  font-size: 0.9em;
  line-height: 1;  /* reduce vertical spacing */
}

.book-header-banner {
  text-align: center;
  background-color: #f0f2f5;
  padding: 12px 0;
}

.book-header-banner img {
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.book-footer {
  font-size: 0.85rem;
  color: #555;
  margin-top: 40px;
  padding: 12px 0;
  border-top: 1px solid #ddd;
  background-color: #f0f2f5;
  text-align: center;
}

.footer-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.footer-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-icons a {
  color: #555;
  font-size: 1.1rem;
  transition: color 0.2s ease;
}

.footer-icons a:hover {
  color: #002E5D;
}

.footer-text {
  font-size: 0.8rem;
  color: #777;
}

.footer-text a {
  color: #004080;
  text-decoration: none;
}

.footer-text a:hover {
  text-decoration: underline;
}



.tweet-center {
  display: flex;
  justify-content: center;
}
.tweet-center .twitter-tweet {
  margin: 0 auto;      /* removes extra left offset */
  display: inline-block;
}

.embed-center {
  display: flex;
  justify-content: center;
}


.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio, adjust if needed */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.responsive-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}