/* Joined tabs, original centred page layout. 40% transparent backgrounds. */
.aircon-link {
  border-radius: 10px 0 0 10px;
  box-shadow: 2px 2px 6px rgba(55, 93, 168, .12);
}
.aircon-link:not(.friends-link),
.aircon-link:not(.friends-link):hover,
.aircon-link:not(.friends-link):focus-visible {
  background: rgba(104, 143, 216, .6);
  color: #10274d;
}
.aircon-link.friends-link,
.aircon-link.friends-link:hover,
.aircon-link.friends-link:focus-visible {
  background: rgba(255, 121, 0, .6);
  color: #192c33;
  top: calc(clamp(186px, 34vh, 340px) + 166px);
  z-index: 8;
  box-shadow: 2px 2px 6px rgba(193, 85, 0, .12);
}
@media (max-width: 1240px) {
  .aircon-link,
  .aircon-link:hover,
  .aircon-link:focus-visible { width: 25.2px; padding-inline: 4px; }
  .aircon-link:not(.friends-link) { height: 128px; min-height: 128px; padding-block: 8px; }
  .aircon-link.friends-link,
  .aircon-link.friends-link:hover,
  .aircon-link.friends-link:focus-visible { top: calc(clamp(104px, 28vh, 220px) + 120px); }
}