/* Submission guidance shared by both showcase languages. */
.showcase-submit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 26px 30px;
  margin-block: 0 32px;
  border: 1px solid #eadfd6;
  border-radius: 12px;
  background: #fffaf6;
}
.showcase-submit-copy { min-width: 0; }
.showcase-submit .showcase-submit-eyebrow {
  margin: 0 0 8px;
  color: #935338;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 1.6;
}
.showcase-submit h2 {
  margin: 0;
  color: #30302c;
  font-size: clamp(21px, 2.1vw, 27px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.5px;
  text-wrap: balance;
}
.showcase-submit .showcase-submit-description {
  max-width: 790px;
  margin: 10px 0 0;
  color: #59605f;
  font-size: 13px;
  line-height: 1.8;
}
.showcase-submit .showcase-submit-note {
  max-width: 790px;
  margin: 5px 0 0;
  color: #6d7580;
  font-size: 11px;
  line-height: 1.7;
}
.showcase-submit-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.showcase-submit-actions > .button {
  min-height: 46px;
  background: #bd4724;
  font-size: 13px;
}
.showcase-submit-actions > .button:hover { background: #a63a1c; }
.showcase-submit-explore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 36px;
  font-size: 11px;
  color: #755846;
}
.showcase-submit-explore:hover { color: #a13b1d; text-decoration: underline; }
#tool-preview { scroll-margin-top: 24px; }
.showcase-submit-ending { margin-block: 0 60px; padding-block: 32px; }
@media (max-width: 950px) {
  .showcase-submit { padding: 23px; gap: 24px; }
  .showcase-submit-description { max-width: 620px; }
}
@media (max-width: 720px) {
  .showcase-submit { grid-template-columns: 1fr; padding: 22px; gap: 17px; margin-bottom: 26px; }
  .showcase-submit h2 { font-size: 23px; letter-spacing: -.5px; }
  .showcase-submit .showcase-submit-eyebrow { font-size: 9px; letter-spacing: 1px; }
  .showcase-submit .showcase-submit-description { font-size: 12px; }
  .showcase-submit-actions { align-items: stretch; gap: 5px; }
  .showcase-submit-actions > .button { width: 100%; }
  .showcase-submit-ending { margin-bottom: 38px; }
  .mobile-bottom.showcase-submit-mobile { gap: 12px; }
  .showcase-submit-mobile > span { min-width: 0; }
  .showcase-submit-mobile strong { font-size: 11px; line-height: 1.45; }
  .showcase-submit-mobile small { font-size: 9px; line-height: 1.5; }
  .showcase-submit-mobile > .button { min-height: 42px; padding: 9px 12px; gap: 8px; background: #bd4724; }
  .showcase-submit-mobile > .button svg { width: 15px; }
}
@media (max-width: 375px) {
  .showcase-submit { padding: 19px; }
  .showcase-submit-mobile small { display: none; }
  .showcase-submit-mobile > .button { font-size: 10px; }
}
@media print {
  .showcase-submit, .showcase-submit-mobile { display: none !important; }
}

@media (max-width: 720px) {
  .showcase-submit:not(.showcase-submit-mobile) { display: none !important; }
}