/* Sector pages: sub-sector icon tabs (see sector.js) */
.icon-tabs .icon-content { transition: transform .2s ease, opacity .2s ease; opacity: .72; }
.icon-tabs .icon-content:hover, .icon-tabs .icon-content.active, .icon-tabs .icon-content:focus-visible { opacity: 1; }
.icon-tabs .icon-content.active { transform: translateY(-3px); }
.icon-tabs .icon-content.active h5 { text-decoration: underline; text-decoration-color: #62d3e8; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.icon-tabs .icon-content:focus-visible { outline: 2px solid #62d3e8; outline-offset: 4px; }
.icon-tabs .icon-text-wrap { position: relative; }

/* Desktop: every sub-sector icon on one line, however many there are */
@media (min-width: 1200px) {
  .icon-tabs .row.justify-content-center:has(> [class*="col-"] > .icon-content) { flex-wrap: nowrap; }
  .icon-tabs .row.justify-content-center > [class*="col-"]:has(> .icon-content) { flex: 1 1 0; width: auto; max-width: none; min-width: 0; padding-left: 6px; padding-right: 6px; }
  .icon-tabs .icon-content h5 { font-size: 15px; line-height: 1.3; }
}