/* Current MQ content proof only. The inherited calculator's full-screen diagram
   and shared stretch rules must not size these content-led disclosure cards. */
#growth.mq-client-proof {
  min-height: 0;
  height: auto;
}
#growth.mq-client-proof .denim-proof-grid {
  flex: 0 0 auto;
  align-items: start;
  align-content: start;
}
#growth.mq-client-proof .denim-proof-choice,
#growth.mq-client-proof .denim-proof-cart.mq-proof-examples {
  height: auto;
  min-height: 0;
  align-self: start;
}
#growth.mq-client-proof .denim-proof-choice {
  grid-template-rows: auto;
  gap: 16px;
}
#growth.mq-client-proof .mq-proof-art {
  width: min(100%, 360px);
  height: auto;
  max-height: none;
  justify-self: center;
  border-radius: 16px;
}
#growth.mq-client-proof .mq-proof-item-art {
  width: min(100%, 330px);
  height: auto;
  max-height: none;
  margin-inline: auto;
  border-radius: 16px;
}
/* Keep every expanded paragraph/action in the controller's measured flow.
   No capped inner scroll area or height animation competes with MQ_DISCLOSURES. */
#growth.mq-client-proof .calc-proof-steps,
#growth.mq-client-proof .mq-proof-item,
#growth.mq-client-proof .disclosure-inner {
  min-height: 0;
  max-height: none;
}
#growth.mq-client-proof .mq-proof-examples {
  gap: 12px;
}
#growth.mq-client-proof .mq-proof-examples h3 {
  margin-bottom: 12px;
}
@media (max-width: 700px) {
  #growth.mq-client-proof .mq-proof-art {
    width: min(100%, 320px);
  }
}