.site-dropdown-open > div.absolute.top-full {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.site-mobile-menu-open {
  max-height: 70vh !important;
}

.site-mobile-toggle-open span:first-child {
  transform: translateY(7px) rotate(45deg);
}

.site-mobile-toggle-open span:nth-child(2) {
  opacity: 0;
}

.site-mobile-toggle-open span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

@media (hover: hover) and (min-width: 1024px) {
  nav.hidden.lg\:flex > .group:hover > div.absolute.top-full,
  nav.hidden.lg\:flex > .group:focus-within > div.absolute.top-full {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* quark_header_hero_join_20260508: remove the bright strip between fixed nav and hero */
.site-header {
  border-bottom-color: rgba(216, 170, 62, 0.32) !important;
}

.site-header:after {
  background: linear-gradient(90deg, transparent 0%, rgba(216, 170, 62, 0.28) 22%, rgba(216, 170, 62, 0.52) 50%, rgba(216, 170, 62, 0.28) 78%, transparent 100%) !important;
}

main.flex-1 {
  background: #100b03;
}

main.flex-1 > section:not(.hero-section) {
  background-clip: border-box;
}

/* quark_layout_consistency_20260508: low-risk card/CTA/table rhythm normalization */
.article-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.article-card > div:last-child {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.article-card > div:last-child > span:last-child,
.article-card > div:last-child > p:last-child {
  margin-top: auto;
}

.article-card h2,
.article-card h3 {
  min-height: 2.6em;
  font-size: 15px;
  line-height: 1.35;
}

.article-card > div:first-child[class*="aspect-"] {
  flex: 0 0 auto;
}

.article-card > .overflow-hidden.bg-gradient-to-br {
  aspect-ratio: 5 / 2;
  min-height: 0;
}

.article-card > .overflow-hidden.bg-gradient-to-br img {
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 640px) {
  .section { padding: 48px 0; }
  .page-hero { padding-top: 48px !important; padding-bottom: 48px !important; }
  .article-card h2,
  .article-card h3 { min-height: auto; }
  .article-card > div:last-child { padding: 18px !important; }
  .article-card > .overflow-hidden.bg-gradient-to-br { aspect-ratio: 16 / 9; }
  .bg-\[\#111\] .grid.grid-cols-3 > div { padding-left: 12px !important; padding-right: 12px !important; font-size: 12px !important; }
}

/* quark_home_card_hotfix_20260508_1720: equalize visible card families after Yumi screenshot feedback */
.grid > a.group {
  height: 100%;
}

.grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover,
.grid > a.group > .rounded-xl.overflow-hidden.bg-\[\#2a2a2a\].card-hover,
.grid > a.group > article.article-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover > div:last-child,
.grid > a.group > article.article-card > div:last-child {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover h3,
.grid > a.group > article.article-card h2,
.grid > a.group > article.article-card h3 {
  min-height: 2.7em;
}

.grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover p:last-child,
.grid > a.group > article.article-card p:last-child {
  margin-top: auto;
}

.grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover > div:first-child,
.grid > a.group > article.article-card > div:first-child[class*="aspect-"] {
  flex: 0 0 auto;
}

@media (max-width: 640px) {
  .grid > a.group > .bg-white.rounded-xl.overflow-hidden.shadow-md.card-hover h3,
  .grid > a.group > article.article-card h2,
  .grid > a.group > article.article-card h3 {
    min-height: auto;
  }
}


/* quark_card_image_taxonomy_20260508: Yumi card image audit fix — prevent text/banner thumbnails from being cropped */
.article-card > div[class*="aspect-"] {
  aspect-ratio: 16 / 9 !important;
  background: linear-gradient(135deg, #fff9ea 0%, #f4ead1 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-card > div[class*="aspect-"] > img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center;
}

/* Promo/guide cards keep their native near-300:215 ratio; only app UI preview switches from cover to contain. */
section.bg-white .aspect-\[3\/4\] {
  background: linear-gradient(135deg, #fff9ea 0%, #f4ead1 100%);
}

section.bg-white .aspect-\[3\/4\] > img[src*="images/app/"] {
  object-fit: contain !important;
  object-position: center center;
}

/* quark_guide_image_fix_20260508: avoid text-image crop in contain cards */
.article-card img.object-contain {
  transform: none !important;
}

.article-card .group-hover\:scale-105.object-contain,
.group:hover .article-card img.object-contain {
  transform: none !important;
}