/* Shared navigation between the TruckSim Hub sites and the private ConvoyLink project. */
.site-family, .sidebar .site-family, .community-column .site-family {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px;
  width: 100%; min-width: 0; box-sizing: border-box;
  margin: 20px 0 0; padding: 16px 0 0;
  border: 0; border-top: 1px solid var(--line, #303a47);
  text-align: left;
}
.site-family .site-family-label {
  display: block; margin: 0 0 7px; padding: 0 10px;
  color: #94a7bd; font-size: 10px; font-weight: 700;
  line-height: 1.5; letter-spacing: 1.3px;
}
.site-family > a, .sidebar .site-family > a {
  display: block; width: auto; min-width: 0; margin: 0;
  padding: 10px; border: 1px solid transparent; border-radius: 6px;
  color: var(--text, #dbe4ee); background: transparent;
  font-size: 14px; font-weight: 600; line-height: 1.4;
  letter-spacing: normal; white-space: normal; text-decoration: none;
}
.site-family > a:hover, .sidebar .site-family > a:hover {
  background: #252d37; color: var(--gold, var(--accent, #ffbe48));
}
.site-family > a[aria-current], .sidebar .site-family > a[aria-current] {
  color: var(--gold, var(--accent, #ffbe48)); background: #2c2922; border-color: #5a4930;
}
.site-family > a:focus-visible {
  outline: 2px solid var(--gold, var(--accent, #ffbe48)); outline-offset: 2px;
}
.site-family + .nav-heading { margin-top: 26px; }
.site-family.family-mobile { display: none; }
.contents .site-family { margin: 0 0 16px; padding: 0 0 16px; border-top: 0; border-bottom: 1px solid var(--line, #303a47); }
@media (max-width: 900px) {
  .sidebar:has(.site-family) { flex-wrap: wrap; }
  .sidebar .site-family { flex-basis: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); order: 3; }
  .sidebar .site-family .site-family-label { grid-column: 1 / -1; }
  .sidebar .sidebar-donation { order: 4; }
}
@media (min-width: 801px) and (max-width: 900px) {
  .site-layout .sidebar .site-family { grid-template-columns: minmax(0, 1fr); order: initial; flex-basis: auto; }
}
@media (max-width: 860px) {
  .contents .site-family { flex-basis: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contents .site-family .site-family-label { grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .site-family.family-mobile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 24px; padding: 16px; border: 1px solid var(--line, #303a47); border-radius: 8px; background: var(--panel, #171d25); }
  .site-family.family-mobile .site-family-label { grid-column: 1 / -1; }
}
@media (max-width: 1199px) {
  .community-column .site-family { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .community-column .site-family .site-family-label { grid-column: 1 / -1; }
  .eld-portal .community-column { width: auto; }
}

.site-family .site-family-status { display: block; margin-top: 3px; color: #a5b0be; font-size: 11px; font-weight: 400; line-height: 1.4; }