/* Asset page legibility lock — loaded last to neutralise theme/cascade conflicts. */
#asset-view #asset-read-accordion > .asset-research-card-header {
  min-height: 0 !important;
  border: 2px solid #11100f !important;
  background: #171613 !important;
  background-image:
    linear-gradient(rgba(255, 248, 232, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 248, 232, .055) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  color: #fff8e8 !important;
  box-shadow: 8px 8px 0 #ff5b04 !important;
}

#asset-view #asset-read-accordion > .asset-research-card-header :where(
  .asset-card-topline,
  .asset-back-button,
  .asset-card-name > span,
  .asset-card-name h1,
  .asset-card-name p,
  .asset-tag,
  .asset-grip-lockup,
  .asset-grip-lockup strong,
  .asset-grip-lockup span,
  .asset-grip-lockup small,
  .asset-price > span,
  .asset-price > strong,
  .asset-price > small,
  .asset-action-menu > summary
) {
  color: #fff8e8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#asset-view #asset-read-accordion .asset-card-name p,
#asset-view #asset-read-accordion .asset-price > small {
  color: #d8d0c2 !important;
}

#asset-view #asset-read-accordion .asset-tag {
  border-color: rgba(255, 248, 232, .72) !important;
  background: rgba(255, 248, 232, .075) !important;
}

#asset-view #asset-read-accordion .asset-grip-lockup {
  border-color: #cfff5e !important;
  background: rgba(207, 255, 94, .07) !important;
}

#asset-view #asset-read-accordion .asset-price {
  border: 1px solid rgba(255, 248, 232, .34) !important;
  background: rgba(255, 248, 232, .06) !important;
}

#asset-view #asset-read-accordion .asset-price-actions :where(.save-button, .text-button, summary) {
  border: 2px solid #fff8e8 !important;
  background: #fff8e8 !important;
  color: #11100f !important;
  box-shadow: 4px 4px 0 #ff5b04 !important;
}

#asset-view #asset-read-accordion .asset-price-actions :where(.save-button, .text-button, summary):hover,
#asset-view #asset-read-accordion .asset-price-actions :where(.save-button, .text-button, summary):focus-visible {
  background: #cfff5e !important;
  color: #11100f !important;
}

#asset-view #asset-read-accordion > .research-snapshot {
  border: 2px solid #11100f !important;
  background: #171613 !important;
  color: #fff8e8 !important;
  box-shadow: none !important;
}

#asset-view #asset-read-accordion > .research-snapshot :where(
  h2, h3, h4, strong, b, span, small, label, summary
) {
  color: #fff8e8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#asset-view #asset-read-accordion > .research-snapshot :where(p, li) {
  color: #ded7ca !important;
  opacity: 1 !important;
}

#asset-view #asset-read-accordion > .research-snapshot .snapshot-knowledge-grid article,
#asset-view #asset-read-accordion > .research-snapshot .snapshot-essential-facts > * {
  border-color: rgba(17, 16, 15, .32) !important;
  background: #eee7da !important;
}

#asset-view #asset-read-accordion > .research-snapshot .snapshot-knowledge-grid article :where(span, strong, p),
#asset-view #asset-read-accordion > .research-snapshot .snapshot-essential-facts :where(span, strong, small, p) {
  color: #11100f !important;
}

#asset-view #asset-read-accordion > .research-snapshot .evidence-confidence {
  border-left-color: #cfff5e !important;
}

#asset-view #asset-read-accordion > .research-snapshot .primary-button {
  border-color: #cfff5e !important;
  background: #cfff5e !important;
  color: #11100f !important;
}

@media (max-width: 980px) {
  #asset-view #asset-read-accordion > .asset-research-card-header {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr) !important;
    grid-template-areas:
      "topline topline"
      "identity price"
      "tags price"
      "grip price" !important;
    gap: 18px 22px !important;
    padding: 24px !important;
  }
  #asset-view #asset-read-accordion .asset-grip-lockup {
    justify-self: start !important;
    min-width: 112px !important;
    min-height: 112px !important;
  }
  #asset-view #asset-read-accordion .asset-price {
    align-self: stretch !important;
    justify-items: start !important;
    text-align: left !important;
  }
  #asset-view #asset-read-accordion .asset-price-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px) {
  #asset-view #asset-read-accordion > .asset-research-card-header {
    grid-template-columns: 1fr !important;
    grid-template-areas: "topline" "identity" "tags" "grip" "price" !important;
  }
  #asset-view #asset-read-accordion .asset-price {
    width: 100% !important;
  }
}