dev

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

.navbox {
  line-height: 120%;
  margin: .5em 0;
  clear: both;
  overflow: hidden;
}

/* Structure */
.navbox-table-wrapper {
  margin: -3px; /* spacing */
  margin-top: 0;
  overflow: hidden;
}
.navbox-table-wrapper:first-child,
.navbox-section-wrapper:first-child {
  margin-top: -3px; /* spacing */
}
.navbox-table {
  border-collapse: separate;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 3px; /* spacing */
}
.navbox-table td {
  margin: 0;
  padding: 0;
}
.navbox-section {
  margin: 3px 0; /* spacing */
  overflow: hidden;
}
.navbox-section:first-child {
  margin-top: 0;
}
.navbox-section:last-child {
  margin-bottom: 0;
}

/* Title and section headers */
.navbox-title {
  font-size: 110%;
  text-align: center;
  font-weight: bold;
  padding: .2em 2em;
  position: relative;
}
.navbox-header {
  text-align: center;
  font-weight: bold;
  padding: .2em 2em;
  position: relative;
}
.navbox-template-links {
  line-height: 190%;
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  width: 5em;
  padding: 0;
  position: absolute;
  top: 0;
  left: .6em;
}
.navbox > .mw-collapsible-toggle,
.navbox-section > .mw-collapsible-toggle {
  float: none;
  text-align: center;
  cursor: pointer;
}
.navbox > .mw-collapsible-toggle::after,
.navbox-section > .mw-collapsible-toggle::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: .6em;
  margin-top: -2px;
  border-color: #000;
  border-color: currentColor;
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 4px;
  width: 4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after,
.navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after {
  margin-top: -4px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Fields */
.navbox-above,
.navbox-below {
  text-align: center;
  padding: 0;
}
.navbox-list {
  text-align: left;
  padding: 0;
  vertical-align: top;
}
.navbox-group,
.navbox-subgroup {
  text-align: center;
  padding: 0;
}
.navbox-image {
  width: 1px;
  vertical-align: top;
}

.navbox-table .navbox-padding {
  padding: .2em .3em;
}

/* Table layout */
.navbox-table-layout {
  margin: -3px; /* spacing */
  margin-top: 0;
}
.navbox-table-layout .navbox-group,
.navbox-table-layout .navbox-subgroup {
  text-align: right;
  white-space: nowrap;
  width: 1px;
}
.navbox-nogroup {
  text-align: center;
}

/* Horizontal layout */
.navbox-horizontal-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-right: -3px; /* spacing */
}
.navbox-col {
  flex: 1 0 auto;
  margin-top: 3px; /* spacing */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.navbox-col .navbox-group {
  text-align: center;
  margin-bottom: 3px; /* spacing */
  margin-right: 3px; /* spacing */
}
.navbox-col .navbox-list {
  margin-right: 3px; /* spacing */
  text-align: center;
  flex: 1 0 auto;
}

/* Disable scrollable table when width exceeds article space */
.navbox-table-wrapper > .table-wide > .table-wide-inner,
.navbox-section-wrapper > .table-wide > .table-wide-inner {
  margin: 0;
}
.navbox-table-wrapper > .table-wide::before,
.navbox-section-wrapper > .table-wide::before {
  display: none;
}
.navbox-table-wrapper .fl-scrolls,
.navbox-table-layout .fl-scrolls {
  overflow: visible !important;
}

/* Temp fix for inline elements inside links skipping the link for click action */
.navbox-title.mw-collapsible-toggle a > *,
.navbox-header.mw-collapsible-toggle a > * {
  pointer-events: none;
}