/* Homepage advanced cards: mirror the existing AI tool icon-title-subtitle header. */
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-visual {
  position: relative !important;
  grid-template-columns: 14px 24px auto minmax(0, 1fr) 14px !important;
  grid-template-rows: 48px auto !important;
  gap: 0 9px !important;
  padding-top: 0 !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-title {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-title strong,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(1) .advanced-title strong,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(2) .advanced-title strong,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(n + 3) .advanced-title strong {
  color: #292c3e !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-title small,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(1) .advanced-title small,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(2) .advanced-title small,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(n + 3) .advanced-title small {
  display: none !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip.has-custom-tag-image {
  position: static !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  min-height: 22px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(134, 112, 238, 0.12) !important;
  color: #6757cf !important;
  background: rgba(243, 239, 255, 0.82) !important;
  font-size: 11px !important;
  font-weight: 540 !important;
  line-height: 1 !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip .lucide,
body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip .feature-tag-image {
  position: absolute !important;
  top: 12px !important;
  left: 14px !important;
  width: 24px !important;
  height: 24px !important;
  padding: 4px !important;
  border: 1px solid rgba(131, 108, 242, 0.2) !important;
  border-radius: 7px !important;
  color: #705ee2 !important;
  background: rgba(244, 241, 255, 0.94) !important;
  box-shadow: 0 5px 12px rgba(101, 79, 202, 0.09) !important;
  object-fit: cover !important;
}

body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-main-img {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

@media (max-width: 640px) {
  body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-visual {
    grid-template-columns: 12px 24px auto minmax(0, 1fr) 12px !important;
  }

  body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip .lucide,
  body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-chip .feature-tag-image {
    left: 12px !important;
  }
}
