body{
font-family: Arial;
}

/* Tab Buttons Layout */
.tab-menu {
  margin-bottom: 15px;
}
.tab-btn {
  padding: 8px 16px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #eee;
  font-weight: bold;
}
.tab-btn.active {
  background: #0056b3;
  color: white;
  border-color: #0056b3;
}

/* Simple Search Bar Input */
#wikiSearch {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-size: 16px;
}

/* Wiki Card Boxes */
.wiki-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Keeps the clickable blocks looking like flat cards */
a.wiki-item {
  display: block;
  text-decoration: none; /* Removes the blue link underline */
  color: #333;           /* Keeps text dark instead of turning link blue */
  padding: 15px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  transition: background 0.2s ease;
}

/* Lightly highlights the card when a user hovers over it */
a.wiki-item:hover {
  background: #f0f7ff;
  border-color: #0056b3;
}