User:Admin/common.css

.attack-resist {
  text-align: center;
  margin: 20px auto;
  font-family: sans-serif;
  max-width: 900px;
}

.attack-resist h3 {
  margin-bottom: 10px;
}

.grid {
  display: grid;
  border-collapse: collapse;
  border: 2px solid #aaa;
}

/* Default: full table (14 columns) */
.grid {
  grid-template-columns: repeat(14, 1fr);
}

/* Base cell styling */
.cell {
  border: 1px solid #aaa;
  padding: 6px;
}

.header {
  background-color: #eee;
  font-weight: bold;
}

/* --- Responsive reflow --- */

/* Below 960px → split into two 7-column tables */
@media (max-width: 960px) {
  .grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

/* Below 520px → split into three 5-column tables */
@media (max-width: 520px) {
  .grid {
    grid-template-columns: repeat(5, 1fr);
  }
}