User:Admin/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.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);
  }
}