/* Site-wide rules for the chapter pages. The drafts embed figures as raw
   <figure><img> blocks (PNG at 300 DPI, 1800 px wide), which Bootstrap does
   not constrain; keep them inside the text column on every viewport. */
figure {
  margin: 1.5rem 0 2rem 0;
  max-width: 100%;
}
figure img, .figure img, main img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
figcaption, .figure-caption {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #555;
  margin-top: 0.6rem;
  text-align: left;
}
/* Tables from the drafts (the scoreboard, chapter tables) scroll rather than overflow. */
main table {
  display: block;
  overflow-x: auto;
  max-width: 100%;
}

/* Home and Explore hub: two doors, four tools. */
.door-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: 2rem 0;
}
.door-grid a {
  display: block;
  padding: 1.5rem;
  border: 1px solid #ccc;
  text-decoration: none;
  color: inherit;
}
.door-grid a:hover {
  border-color: #888;
  background: #f6f8fa;
}
.door-grid h2 {
  margin-top: 0;
}
.door-grid .meta {
  color: #57606a;
  font-size: 0.95rem;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .door-grid { grid-template-columns: 1fr; }
}