/* Request form usability pass — intentionally scoped to #request. */
      #request .reference-request-heading > small {
        width: fit-content;
        padding: 9px 12px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
      }

      #request label:has([required]) > span::after {
        content: " *";
        color: #fff705;
      }

      #request .reference-upload-hint {
        position: relative;
        z-index: 4;
        display: block;
        margin-top: 10px;
        color: rgba(255, 255, 255, 0.48);
        font-size: 12px;
        line-height: 1.4;
      }

      #request .reference-upload-zone {
        min-height: 112px;
        transition: none;
      }

      @media (hover: hover) and (pointer: fine) {
        #request .reference-upload-zone {
          transition: border-color 140ms ease, background-color 140ms ease;
        }

        body.reference-only[data-artboard="1920"] #request .reference-upload-zone:hover > em,
        body.reference-only[data-artboard="1920"] #request .reference-upload-zone:focus-within > em {
          border-color: rgba(255, 255, 255, 0.22) !important;
          background: #15191b !important;
        }
      }

      @media (hover: none), (pointer: coarse) {
        #request .reference-upload-zone,
        #request .reference-upload-zone > span,
        #request .reference-upload-zone > em {
          transition: none !important;
          transform: none !important;
        }

        #request .reference-upload-zone:hover:not(.is-dragging):not(:focus-within) {
          border-color: rgba(255, 255, 255, 0.2);
          background-color: rgb(17, 20, 22);
        }
      }

      body.reference-only[data-artboard="390"] #request .reference-upload-zone,
      body.reference-only[data-artboard="390"] #request .reference-upload-zone > span,
      body.reference-only[data-artboard="390"] #request .reference-upload-zone > em {
        transition: none !important;
        transform: none !important;
      }

      @media (prefers-reduced-motion: reduce) {
        #request .reference-upload-zone,
        #request .reference-upload-zone > span,
        #request .reference-upload-zone > em {
          transition: none !important;
          transform: none !important;
        }
      }

      #request input[aria-invalid="true"],
      #request textarea[aria-invalid="true"] {
        border-color: #fff705;
      }

      #request .reference-request-consent-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 14px;
        margin-top: 28px;
      }

      #request .reference-request-consent-row .reference-request-consent {
        margin-top: 0;
      }

      #request .reference-request-privacy-link {
        padding: 2px 0;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.34);
        background: transparent;
        color: rgba(255, 255, 255, 0.72);
        font: inherit;
        font-size: 13px;
        line-height: 1.35;
        cursor: pointer;
      }

      #request .reference-request-privacy-link:hover,
      #request .reference-request-privacy-link:focus-visible {
        border-bottom-color: #fff705;
        color: #fff;
      }

      #request .reference-request-progress-grid > div[aria-current="step"] {
        color: #fff;
      }

      #request .reference-request-progress-grid > div:not([aria-current="step"]) {
        color: rgba(255, 255, 255, 0.28);
      }

      #request .reference-request-progress[hidden],
      #request .reference-request-next-card[hidden] {
        display: none !important;
      }

      body.reference-only[data-artboard="390"] #request .reference-request-next-card {
        display: grid !important;
      }

      body.reference-only[data-artboard="390"] #request .reference-request-progress-grid > div {
        column-gap: 8px !important;
      }

      @media (max-width: 520px) {
        #request .reference-request-heading > small {
          width: 100%;
          box-sizing: border-box;
        }

        #request .reference-request-consent-row {
          align-items: flex-start;
          flex-direction: column;
        }
      }