/* Desktop participation form: keep mobile layout and submission behavior intact. */
@media (min-width: 761px) {
  #join { padding-block: 48px; }
  #join .grid {
    max-width: 1180px;
    padding-inline: 24px;
    margin-inline: auto;
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.4fr);
    gap: 28px;
  }
  #join .idx { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; }
  #join .idx b { font-size: 32px; }
  #join .idx span { font-size: 14px; margin: 0; }
  #join .idx::after { display: none; }
  #join h2 { font-size: 28px; margin-top: 0; }
  #join .join-heading > p { font-size: 15px; line-height: 1.9; margin-top: 14px; }
  #join .ux-demo-banner { margin: 0; }
  #join .grid > .payment-guide {
    padding: 24px;
    border-radius: 10px;
  }
  #join .payment-guide h3 { font-size: 23px; }
  #join .payment-guide p,
  #join .payment-guide legend,
  #join .payment-option span { font-size: 14px; line-height: 1.8; }
  #join .payment-amount strong { font-size: 30px; }
  #join .payment-option { padding: 14px 12px; gap: 10px; align-items: center; }
  #join .payment-option input { min-height: 0; width: 18px; height: 18px; margin: 0; }
  #join .payment-detail h4 { font-size: 15px; line-height: 1.7; }
  #join #f { padding: 28px; border: 1px solid var(--line); border-radius: 10px; }
  #join #payment-entry-fields > .row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #join #payment-entry-fields .fld { min-width: 0; margin-bottom: 22px; }
  #join #payment-entry-fields .fld label { font-size: 14px; line-height: 1.7; margin-bottom: 8px; }
  #join #payment-entry-fields .fld label em { font-size: 12px; }
  #join #payment-entry-fields :is(input, select, textarea) {
    box-sizing: border-box; max-width: 100%; height: 48px;
    padding: 10px 14px; font-size: 16px; line-height: 1.6; border-radius: 6px;
  }
  #join #payment-entry-fields select { padding-right: 32px; }
  #join #payment-entry-fields textarea { height: 160px; min-height: 160px; resize: vertical; }
  #join :is(#listing-name-help, #listing-name-optional, #x-id-hint, #x-id-dm-hint) {
    font: 13px/1.8 var(--sans); color: var(--mute); margin: 8px 0 0; overflow-wrap: anywhere;
  }
  #join #x-id-hint { font-size: 13px !important; }
  #join #payment-entry-fields .submit { height: auto; min-height: 52px; padding: 13px 18px; font-size: 15px; line-height: 1.7; }
  #join #payment-entry-fields .note { font-size: 12px; line-height: 1.8; margin-top: 12px; }
}
/* The legacy desktop main has zoom:1.4; size this section at its actual CSS pixels. */
@media (min-width: 1000px) {
  #join { zoom: 0.7142857143; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  #join .grid { grid-template-columns: minmax(0, 1fr); max-width: 720px; }
}