Template:Navbox/styles.css

.navbox-container {
  max-width: 820px;              /* a bit narrower */
  margin: 0.75rem auto 0;
}

.navbox {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.8rem;             /* smaller text */
  background: #f7faf6;
  border: 1px solid #c5d2c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  overflow: hidden;
}

/* top title bar */
.navbox-title {
  background: #264b2c;
  color: #ffffff;
  font-weight: 600;
  padding: 0.25rem 0.5rem;       /* tighter */
  text-align: center;
}

.navbox-title a {
  color: inherit;
  text-decoration: none;
}

.navbox-title a:hover {
  text-decoration: underline;
}

/* thin “chip” row above groups */
.navbox-above {
  background: #f7faf6;           /* same as body so it doesn’t look like a hero block */
  padding: 0.3rem 0.6rem;
  border-bottom: 1px solid #d3dfcd;
  font-weight: 500;
}

/* group (left column) */
.navbox-group {
  background: #e4eddd;
  color: #243824;
  font-weight: 600;
  padding: 0.25rem 0.45rem;
  width: 22%;
  vertical-align: top;
  border-top: 1px solid #d3dfcd;
  text-align: left;
  white-space: nowrap;
}

/* list (right column) */
.navbox-list {
  background: #f7faf6;
  padding: 0.2rem 0.5rem;
  border-top: 1px solid #d3dfcd;
  text-align: left;
  line-height: 1.25;             /* tighter line spacing */
}

/* optional bottom note row */
.navbox-below {
  background: #f7faf6;
  padding: 0.25rem 0.5rem;
}

/* links */
.navbox a {
  text-decoration: none;
}

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